Оформление Корзины
#21
Отправлено 21 Февраль 2012 - 08:38
#22
Отправлено 23 Февраль 2012 - 09:33
Мой сайт: http://cosmetic-deluxe.ru/
#23
Отправлено 24 Февраль 2012 - 11:52
<script type="text/javascript" src="http://js.storeland.ru/web/upload/assets/js/18/17285/main.js"></script>
Добавить
<script type="text/javascript" src="http://js.storeland.ru/web/upload/assets/js/12/11313/jquery.scrollFollow.js"></script> <script type="text/javascript"> $( document ).ready( function () { $("#cartInfo" ).scrollFollow( { speed: 700, offset: 15, container: 'contentWrap' } ); } ); </script>
Файл http://js.storeland....scrollFollow.js необходимо скачать и загрузить в свой магазин, далее изменить путь к этому файлу. Так же возможно понадобиться перенести весь код корзины внутрь блока <div id="contentWrap">
#24
Отправлено 25 Февраль 2012 - 10:07
Vaccina (24 Февраль 2012 - 11:52) писал:
<script type="text/javascript" src="http://js.storeland.ru/web/upload/assets/js/18/17285/main.js"></script>
Извините, но я никак не могу найти строку:
<script type="text/javascript" src="http://js.storeland.ru/web/upload/assets/js/18/17285/main.js"></script>В каком шаблоне она должна быть? HTML? Подскажите пожалуйста...
#25
Отправлено 27 Февраль 2012 - 16:23
main.js"></script>Эта строка находиться в шаблоне "HTML"
#26
Отправлено 27 Февраль 2012 - 17:07
Vaccina (27 Февраль 2012 - 16:23) писал:
main.js"></script>Эта строка находиться в шаблоне "HTML"
#27
Отправлено 28 Февраль 2012 - 19:19
Данный магазин построен на системе storeland и данный пользователь является владельцем магазина.
#29
Отправлено 16 Март 2013 - 04:32
.cartInfo > table { margin-top: 0 !important; }
#32
Отправлено 23 Июнь 2013 - 17:38
1 Как перекрасить сумму в корзине в хедере обратно в розовый, только так чтобы исключительно в корзине в хедере цвет поменялся а не везде. Адрес моего сайта http://cosmetikova.ru/ Прикрепляю ниже картинку
2. Как сделать такое окошко, которое появляется при добавлении товара в корзину и наведении курсором на значок корзина. пример реализации можно найти на сайтах: http://www.mrporter..../product/384928 http://www.net-a-por.../product/351084 http://klubkrasoti.r...20/v2115/p95695
картинка прикреплена ниже
Сообщение отредактировал bg999: 23 Июнь 2013 - 17:39
#33
Отправлено 23 Июнь 2013 - 20:03
bg999 (23 Июнь 2013 - 17:38) писал:
1 Как перекрасить сумму в корзине в хедере обратно в розовый, только так чтобы исключительно в корзине в хедере цвет поменялся а не везде. Адрес моего сайта http://cosmetikova.ru/ Прикрепляю ниже картинку
В редакторе шаблонов - > main.css найдите сроки
/* Colors */ .red {color:#d00000 !important;} .green {color:#057f02 !important;} .gray {color:#7c7c7c !important;} .black {color:#000 !important;} .gold {color:#BE9E4C !important;}[/size]и вставьте в строкe .black {color:#000 !important;} вместо color:#000 значение розового цвета.
#34
Отправлено 23 Июнь 2013 - 21:28
shnafix (23 Июнь 2013 - 20:03) писал:
/* Colors */ .red {color:#d00000 !important;} .green {color:#057f02 !important;} .gray {color:#7c7c7c !important;} .black {color:#000 !important;} .gold {color:#BE9E4C !important;}[/size] [size=4]и вставьте в строкe .black {color:#000 !important;} вместо color:#000 значение розового цвета.
не нашел такого в main.css
а что со вторым вопросом?
#35
Отправлено 24 Июнь 2013 - 11:16
bg999 (23 Июнь 2013 - 21:28) писал:
а что со вторым вопросом?
Найдите код в шаблоне HTML:
<style type="text/css"> /* <![CDATA[ */ #us_form { margin: 0; font-family: arial, helvetica, clean, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none; color: black; background-color: white; overflow: visible; } #us_form table { margin: 0; } #us_form th, #us_form td { vertical-align: top; text-align: left; border: 0; padding: 0; } /* http://stackoverflow.com/questions/1100409 */ .us_input, .us_select { border-top: 1px #acaeb4 solid; border-left: 1px #dde1e7 solid; border-right: 1px #dde1e7 solid; border-bottom: 1px #e3e9ef solid; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 2px; } .us_input:hover, .us_select:hover, .us_input:focus, .us_select:focus { border-top: 1px #5794bf solid; border-left: 1px #c5daed solid; border-right: 1px #b7d5ea solid; border-bottom: 1px #c7e2f1 solid; } label input.us_checkbox { margin-right: 4px; } #us_form * {font-family:arial,helvetica,sans-serif;font-size:13px;} /* ]]> */ </style>с строку:
</style>замените на:
.black {color:pink !important;} </style>
Значение pink можете заменить на ваш цвет
#36
Отправлено 24 Июнь 2013 - 18:18
Кто нибудь подскажите, пожалуйста:
1 Как перекрасить сумму в корзине в хедере обратно в розовый, только так чтобы исключительно в корзине в хедере цвет поменялся а не везде. Адрес моего сайта http://cosmetikova.ru/ Прикрепляю ниже картинку
2. Как сделать такое окошко, которое появляется при добавлении товара в корзину и наведении курсором на значок корзина. пример реализации можно найти на сайтах: http://www.mrporter..../product/384928 http://www.net-a-por.../product/351084 http://klubkrasoti.r...20/v2115/p95695
картинка прикреплена ниже
#37
Отправлено 24 Июнь 2013 - 22:25
bg999 (24 Июнь 2013 - 18:18) писал:
Кто нибудь подскажите, пожалуйста:
1 Как перекрасить сумму в корзине в хедере обратно в розовый, только так чтобы исключительно в корзине в хедере цвет поменялся а не везде. Адрес моего сайта http://cosmetikova.ru/ Прикрепляю ниже картинку
2. Как сделать такое окошко, которое появляется при добавлении товара в корзину и наведении курсором на значок корзина. пример реализации можно найти на сайтах: http://www.mrporter..../product/384928 http://www.net-a-por.../product/351084 http://klubkrasoti.r...20/v2115/p95695
картинка прикреплена ниже
найдите строчку
.black {color:pink !important;}и удалите ее
теперь найдите
.black {color:#000 !important;}сразу после нее поставьте
.black span {color: pink !important; font-weight: bold;font-style: italic; }
в main.css после блока
#cartInfo td.cartTextData {padding-top:5px;}вставьте
#cartInfo td.cartTextData a {color: pink !important;font-weight: bold;}
По поводу корзины, то не думаю, что такое можно будет реализовать. Получается, в шаблоне должны быть доступны все переменные, которые доступны в шаблоне корзина. Если позволите, отложу пока Ваш последний вопрос до завтра. Пока не могу на него однозначно ответить.
#38
Отправлено 25 Июнь 2013 - 03:25
В любом случае для начала необходимо будет реализовать окно в которое в последствии будет вставляться информация. Вам необходимо в вашем шаблоне "HTML" найти примерно следующий код вашей корзины
<div style="position: absolute; top: 15px; right: 20px;" id="cartInfo">
в данном случае необходимо после данной строки вставить
<div class="cart-preloaded"><div class="cart-info"></div></div>
далее в файл стилей main.css добавить
.cart-preloaded { position: relative; }
только после этих изменений можно двигаться дальше. Вам необходимо вставить данные изменения на свой сайт.
#39
Отправлено 25 Июнь 2013 - 12:42
support 2.0 (24 Июнь 2013 - 22:25) писал:
.black {color:pink !important;}и удалите ее
теперь найдите
.black {color:#000 !important;}сразу после нее поставьте
.black span {color: pink !important; font-weight: bold;font-style: italic; }
в main.css после блока
#cartInfo td.cartTextData {padding-top:5px;}вставьте
#cartInfo td.cartTextData a {color: pink !important;font-weight: bold;}
По поводу корзины, то не думаю, что такое можно будет реализовать. Получается, в шаблоне должны быть доступны все переменные, которые доступны в шаблоне корзина. Если позволите, отложу пока Ваш последний вопрос до завтра. Пока не могу на него однозначно ответить.
вроде уже лучше единственное как сделать так чтобы при добавлении товаров в корзину перекрашивалась только сумма а надпись руб. оставалась черной?
Сake (25 Июнь 2013 - 03:25) писал:
В любом случае для начала необходимо будет реализовать окно в которое в последствии будет вставляться информация. Вам необходимо в вашем шаблоне "HTML" найти примерно следующий код вашей корзины
<div style="position: absolute; top: 15px; right: 20px;" id="cartInfo">
в данном случае необходимо после данной строки вставить
<div class="cart-preloaded"><div class="cart-info"></div></div>
далее в файл стилей main.css добавить
.cart-preloaded { position: relative; }
только после этих изменений можно двигаться дальше. Вам необходимо вставить данные изменения на свой сайт.
Внес изменения которые вы написали, что делать дальше по ссылке перешел но непонял как это может помочь в моей ситуаци. Я в интернет нашел что то что мне нужно называется mini cart.
#40
Отправлено 26 Июнь 2013 - 02:13
Цитата
На данный момент у вас именно такое отображение, если вы говорите о корзине в шапке. Если же вы имеете в виду цену в всплывающем окне при добавлении товара в корзину, то для задания цвета данной цене - необходимо в файле стилей main.css найти
.black span { color: #E9077C; font-style: italic; }
и заменить на
.black span, .newCartSum .num { color: #E9077C; font-style: italic; }
По корзине: Далее добавьте в файл стилей main.css
.cart-info { background: #FFFFFF; box-shadow: 0 0 2px #BABABA; height: 200px; position: absolute; right: 80px; top: 55px; width: 360px; z-index: 99999; display: none; } .cart-info.selected { display: block; } .cart-info:after { content: ' '; top: -20px; right: 48px; position: absolute; border-color: transparent transparent rgba(132, 131, 131, 0.3) transparent; border-style: solid; border-width: 10px; height:0; width:0; z-index: 2; } .cart-info:before { content: ' '; top: -18px; right: 49px; position: absolute; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 9px; height:0; width:0; z-index: 3; } .cart-info .cart-count { width: 96%; height: 28px; margin: 0 auto; border-bottom: 1px solid #E6E6E6; color: #828282; font-size: 12px; line-height: 28px; text-align: right; } .cart-info .cart-item { width: 96%; height: 130px; margin: 5px auto; overflow-x: hidden; overflow-y: auto; border-bottom: 1px solid #E6E6E6; } .cart-info .cart-total { height: 25px; width: 96%; margin: 5px auto; font-size: 12px; line-height: 25px; text-align: right; }
и замените код корзины
<div class="cart-info"></div>
заменить на
<div class="cart-info"> <div class="cart-count"></div> <div class="cart-item"></div> <div class="cart-total"></div> </div>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных