Изменить Цвет Кнопок И Подкатегорий.
#1
Отправлено 11 Ноябрь 2012 - 17:35
#2
Отправлено 12 Ноябрь 2012 - 10:54
.blgreen { background:url(/web/upload/assets/images/144/143205/whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#494949; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); padding:4px 10px 2px 10px; //padding:1px 10px 0px 10px; //line-height:10px; font:normal 11px Verdana, Geneva, sans-serif; -moz-border-radiusЗаменить на:
.blgreen { background-color: #F30000;/*цвет кнопки*/ color:#E6E6E6;/*цвет текста*/ text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); padding:4px 10px 2px 10px; //padding:1px 10px 0px 10px; //line-height:10px; font:normal 11px Verdana, Geneva, sans-serif; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; }
Найти код:
#left .block .navigation ul li.incat a, #right .block .navigation ul li.incat a { color:#5babcc; }Заменить на:
#left .block .navigation ul li.incat a, #right .block .navigation ul li.incat a { color: #CC0E0E;/*цвет текста подкатегорий*/ }Добавить код в конец файла main.csstemplate.
#nyroModalContent .alignCenter .messageBoxToCart { color: #D1D1D1; background-color: red; background-image: none; }
#3
Отправлено 12 Ноябрь 2012 - 17:32
#4
Отправлено 12 Ноябрь 2012 - 17:56
#5
Отправлено 12 Ноябрь 2012 - 18:11
#6
Отправлено 27 Ноябрь 2012 - 09:43
#7
Отправлено 27 Ноябрь 2012 - 15:04
Всемогущий (27 Ноябрь 2012 - 09:43) писал:
Изменить цвет цены в каталоге товаров:
зайдите в файл main.css и найдите блок
#content .box .ulproduct .infoproduct .price em span { color: #096F97; <!-- цвет цены --> text-decoration: none; }
изменяйте значение цвета #096F97 на любое, например, red
т.е. у Вас, к примеру, получится
#content .box .ulproduct .infoproduct .price em span { color: red; <!-- цвет цены --> text-decoration: none; }
Изменить цвет цены в просмотре товара
зайдите в файл main.css и найдите блок:
#content .boxmoney .main .block ul.left li span.num { font-style: italic; font-weight: bold; font-size: 18px; }
и добавьте в него строчку color: red;
У Вас должно получиться так:
#content .boxmoney .main .block ul.left li span.num { font-style: italic; font-weight: bold; font-size: 18px; color: red; }Естественно, red меняете на любой другой цвет
#8
Отправлено 27 Ноябрь 2012 - 17:49
#9
Отправлено 17 Декабрь 2012 - 18:43
Koderhan (12 Ноябрь 2012 - 10:54) писал:
.blgreen { background:url(/web/upload/assets/images/144/143205/whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#494949; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); padding:4px 10px 2px 10px; //padding:1px 10px 0px 10px; //line-height:10px; font:normal 11px Verdana, Geneva, sans-serif; -moz-border-radiusЗаменить на:
.blgreen { background-color: #F30000;/*цвет кнопки*/ color:#E6E6E6;/*цвет текста*/ text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); padding:4px 10px 2px 10px; //padding:1px 10px 0px 10px; //line-height:10px; font:normal 11px Verdana, Geneva, sans-serif; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; }
Найти код:
#left .block .navigation ul li.incat a, #right .block .navigation ul li.incat a { color:#5babcc; }Заменить на:
#left .block .navigation ul li.incat a, #right .block .navigation ul li.incat a { color: #CC0E0E;/*цвет текста подкатегорий*/ }Добавить код в конец файла main.csstemplate.
#nyroModalContent .alignCenter .messageBoxToCart { color: #D1D1D1; background-color: red; background-image: none; }
#10
Отправлено 17 Декабрь 2012 - 22:48
#content .box .tabproduct .price em span.num, #content .box .ulproduct .infoproduct .price em { color:#096f97; text-decoration:none; } #content .boxmoney .main .block ul.left li span.num { font-style:italic; font-weight:bold; font-size:18px; } #content .box .ulproduct .infoproduct .price em span { color:#096f97; text-decoration:none; } #content .box .tabproduct .price em span { text-decoration:none; color:#636363; } #content .boxmoney .main .block ul.left li span { font-style:italic;}
или же в файл стилей добавить и прописать свой цвет
#content .box .tabproduct .price em span.num, #content .box .ulproduct .infoproduct .price em, #content .boxmoney .main .block ul.left li span.num, #content .box .ulproduct .infoproduct .price em span, #content .box .tabproduct .price em span, #content .boxmoney .main .block ul.left li span { color:#096f97 !important; }
#11
Отправлено 20 Декабрь 2012 - 07:46
Как изменить цвет кнопки "Купить сейчас" - которая видна при отображении товаров списком:
http://bel-mag.ru/ca...ods_view_type=1
И в блоке новинки на главной.
#12
Отправлено 20 Декабрь 2012 - 09:14
odissei (20 Декабрь 2012 - 07:46) писал:
Как изменить цвет кнопки "Купить сейчас" - которая видна при отображении товаров списком:
http://bel-mag.ru/ca...ods_view_type=1
И в блоке новинки на главной.
В панели управления магазином, в разделе "Сайт" > "Редактор тем" в разделы файлы загружаем картинку для кнопки "Купить сейчас":
В панели управления магазином, в разделе "Сайт" > "Редактор тем" в шаблоне ""Товары" находим примерно такой код:
<a class="whtgray" onclick="$('#goodsListFormId19375751').submit(); return false;" href="/cart/add/?hash=c161b3&form%5Bgoods_from%5D=&form%5Bgoods_mod_id%5D=19375751" title="Положить «Duracell Зарядное устройство д/аккумуляторов 2шт» в корзину">Купить сейчас</a>и заменяем его на:
<a class="whtgray" id="buy_now" onclick="$('#goodsListFormId19375751').submit(); return false;" href="/cart/add/?hash=c161b3&form%5Bgoods_from%5D=&form%5Bgoods_mod_id%5D=19375751" title="Положить «Duracell Зарядное устройство д/аккумуляторов 2шт» в корзину">Купить сейчас</a>
В разделе "Сайт" > "Редактор тем" в блоке "Стили и скрипты" находим файл main.csstemplate, открываем его и вставляем следующий код:
#buy_now{background:url({ASSETS_IMAGES_PATH}название картинки.jpg) top center no-repeat;}
В разделе "Сайт" > "Редактор тем" в шаблоне "HTML" находим следующий код:
<button type="submit" class="blgreen">Купить</button>и заменяем его на:
<button type="submit" class="blgreen" id="buy_now">Купить</button>
Этот вариант для того, чтобы кнопки на Главной в Новинках и в Каталоге списком выглядели в одном стиле
#13
Отправлено 29 Январь 2013 - 17:40
#14
Отправлено 29 Январь 2013 - 18:35
<a class="whtgray" onclick="$('#goodsListFormId19375751').submit(); return false;" href="/cart/add/?hash=c161b3&form%5Bgoods_from%5D=&form%5Bgoods_mod_id%5D=19375751" title="Положить «Duracell Зарядное устройство д/аккумуляторов 2шт» в корзину">Купить сейчас</a>и заменяем его на:
<a onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Купить сейчас"> </a>В разделе "Сайт" > "Редактор тем" в блоке "Стили и скрипты" находим файл main.csstemplate, открываем его и вставляем следующий код:
#buy_now{background:url({ASSETS_IMAGES_PATH}название картинки.jpg) top center no-repeat;}
В разделе "Сайт" > "Редактор тем" в шаблоне "HTML" находим следующий код
<button type="submit" class="blgreen">Купить сейчас</button>
и заменяем его на:
<button type="submit" class="blgreen" id="buy_now">Купить</button>
#15
Отправлено 30 Январь 2013 - 00:04
#buy_now{background:url({ASSETS_IMAGES_PATH}название картинки.jpg) top center no-repeat;}
Вставляем куда?
#16
Отправлено 30 Январь 2013 - 01:40
#17
Отправлено 30 Январь 2013 - 10:44
Да, и еще, возможно ли изменение процесса оформления заказа. Не понимаю, зачем сделано целых 4 шага заказа??? Можно же сделать чтобы после нажатия на кнопку "Купить", появляется одна! страница для оформления заказа, где можно выбрать способ оплаты, способ доставки, ввести свои данные и нажать "Оплатить". Все, заказ оформлен и оплачен! Сейчас более половины покупателей теряется после оформления третьего шага! Это же не сложно?! Раз смогли сделать 4 шага, то сделать один, я думаю не сложно. А так не имеет смысла "лепить" свой ИМ. Он ничего не продает, а скорее является сайтом визиткой.
#18
Отправлено 30 Январь 2013 - 12:20
Всемогущий (30 Январь 2013 - 10:44) писал:
Да, и еще, возможно ли изменение процесса оформления заказа. Не понимаю, зачем сделано целых 4 шага заказа??? Можно же сделать чтобы после нажатия на кнопку "Купить", появляется одна! страница для оформления заказа, где можно выбрать способ оплаты, способ доставки, ввести свои данные и нажать "Оплатить". Все, заказ оформлен и оплачен! Сейчас более половины покупателей теряется после оформления третьего шага! Это же не сложно?! Раз смогли сделать 4 шага, то сделать один, я думаю не сложно. А так не имеет смысла "лепить" свой ИМ. Он ничего не продает, а скорее является сайтом визиткой.
1. В данном сообщении пользователь хотел поменять только одну кнопку. После чего Вы написали, что Вам именно это и нужно. Из чего мы сделали вывод, что Вам нужно поменять фон одной кнопки. Для того, чтобы поменять фон у всех подобных кнопок, нужно сначала у всех этих кнопок поставить обращение к другому стилю. Для этого зайдите сначала в шаблон Товары и найдите след. строчку (у Вас она может встретиться 2 раза, заменять нужно все 2)
<a class="whtgray" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">Купить сейчас</a>
замените ее на
<a class="whtgray" id="colorbutton1" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">Купить сейчас</a>
теперь зайдите в шаблон Корзина и найдите строчку
<div class="right"><button class="whtblue" type="submit" name="next_step">Заказать на: {% FOR cart_sum %}{cart_sum.NOW | money_format}{% ENDFOR %}</button></div>
измените ее на
<div class="right"><button class="whtblue" id="colorbutton2" type="submit" name="next_step">Заказать на: {% FOR cart_sum %}{cart_sum.NOW | money_format}{% ENDFOR %}</button></div>
Теперь зайдите в шаблон Оформление заказа и найдите строчку
<button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button>
измените ее на
<button type="submit" name="tonext" class="whtblue" id="colorbutton2">{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button>
Теперь зайдите в шаблон Товар и найдите строчку
<li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a></li>
измените ее на
<li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="whtblue" id="colorbutton2" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a></li>
Теперь осталось поменять изображения и добавить новый стиль
Для этого зайдите в файл main.css (Сайт -> Редактор тем) и в конце файла добавьте след. блоки
#colorbutton1 { background: url({ASSETS_IMAGES_PATH}colorbutton.jpg) top center no-repeat; } #colorbutton2 { border: 1px solid #ac1012 !important; background: #df4245; color:white; } #colorbutton2:hover { background: #ac1012; }Далее Измените в графическом редакторе это изображение и закачайте его на сайт с именем colorbutton.jpg
#19
Отправлено 30 Январь 2013 - 16:43
#20
Отправлено 30 Январь 2013 - 16:44
Всемогущий (30 Январь 2013 - 16:43) писал:
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных