![](https://forum.storeland.ru/public/style_images/master/icon_users.png)
![](https://secure.gravatar.com/avatar/5bfd5b3650f19c4f672d6dc4a91bd08c?s=100&d=https%3A%2F%2Fforum.storeland.ru%2Fpublic%2Fstyle_images%2Fmaster%2Fprofile%2Fdefault_large.png)
Изменение Цвета Кнопки "Заказать На ... " "Оформить Заказ" В Корзине
#1
Отправлено 13 Декабрь 2012 - 19:40
Как изменить цвета кнопок "Заказать на ... " "Оформить заказ" в корзине? А то покупатели их просто не видят (
#2
Отправлено 14 Декабрь 2012 - 01:30
.whtblue:hover { background: url("/web/upload/assets/images/10/9976/whtblue-bg.jpg") repeat scroll center top transparent; border: 1px solid #5FA8C4; color: #3E3E3E; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
и замените на
.whtblue:hover, .whtblue-selected { background: url("/web/upload/assets/images/10/9976/whtblue-bg.jpg") repeat scroll center top transparent; border: 1px solid #5FA8C4; color: #3E3E3E; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
далее в шаблоне "Корзина" найдите
<button class="whtblue" type="submit" name="next_step">
и замените на
<button class="whtblue whtblue-selected" type="submit" name="next_step">
далее в шаблоне "Оформление заказа" найдите
<button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button>
и замените на
{% IF ORDER_STAGE_NUM=4%} <button type="submit" name="tonext" class="whtblue whtblue-selected" >Оформить заказ</button> {% ELSE %} <button type="submit" name="tonext" class="whtblue" >Перейти далее</button> {% ENDIF %}
#3
Отправлено 16 Декабрь 2012 - 11:22
Vaccina (14 Декабрь 2012 - 01:30) писал:
.whtblue:hover { background: url("/web/upload/assets/images/10/9976/whtblue-bg.jpg") repeat scroll center top transparent; border: 1px solid #5FA8C4; color: #3E3E3E; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
и замените на
.whtblue:hover, .whtblue-selected { background: url("/web/upload/assets/images/10/9976/whtblue-bg.jpg") repeat scroll center top transparent; border: 1px solid #5FA8C4; color: #3E3E3E; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
далее в шаблоне "Корзина" найдите
<button class="whtblue" type="submit" name="next_step">
и замените на
<button class="whtblue whtblue-selected" type="submit" name="next_step">
далее в шаблоне "Оформление заказа" найдите
<button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button>
и замените на
{% IF ORDER_STAGE_NUM=4%} <button type="submit" name="tonext" class="whtblue whtblue-selected" >Оформить заказ</button> {% ELSE %} <button type="submit" name="tonext" class="whtblue" >Перейти далее</button> {% ENDIF %}
не могу найти в файле стилей main.css мой сайт zubkivnorme.ru
#5
Отправлено 16 Декабрь 2012 - 17:45
haka (16 Декабрь 2012 - 11:22) писал:
.whtblue:hover {
background: url("/web/upload/assets/images/10/9976/whtblue-bg.jpg") repeat scroll center top transparent;
border: 1px solid #5FA8C4;
color: #3E3E3E;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
а есть только
.whtblue:hover, input[type=submit].paymentFormTbodySubmitButton:hover { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); }
#6
Отправлено 16 Декабрь 2012 - 18:42
#7
Отправлено 17 Декабрь 2012 - 07:06
haka (16 Декабрь 2012 - 17:45) писал:
.whtblue:hover {
background: url("/web/upload/assets/images/10/9976/whtblue-bg.jpg") repeat scroll center top transparent;
border: 1px solid #5FA8C4;
color: #3E3E3E;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
а есть только
.whtblue:hover, input[type=submit].paymentFormTbodySubmitButton:hover { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); }
.whtblue:hover, input[type=submit].paymentFormTbodySubmitButton:hover { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); }И замените на:
.whtblue:hover, .whtblue-selected, input[type=submit].paymentFormTbodySubmitButton:hover { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); }
#8
Отправлено 17 Декабрь 2012 - 07:17
haka (16 Декабрь 2012 - 18:42) писал:
Да, у пользователей будет также. На многих сайтах так сделано, чтобы не терять клиентов. Например, при покупке оптом у клиента вырубается свет, при повторном входе на ваш сайт корзина окажется пустой.
#9
Отправлено 17 Декабрь 2012 - 08:08
miyako (17 Декабрь 2012 - 07:17) писал:
#10
Отправлено 15 Ноябрь 2013 - 20:24
#11
Отправлено 06 Февраль 2015 - 12:05
Lamer (06 Февраль 2015 - 12:03) писал:
За это отвечает в шаблоне HTML код:
<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a>
alt передается в переменной {SETTINGS_STORE_NAME}, можете вместо нее вписать нужный текст.
#12
Отправлено 06 Февраль 2015 - 12:06
#13
Отправлено 08 Апрель 2017 - 18:53
Подскажите пожалуйста как можно окрасить кнопки "купить сейчас" при раскладке каталога товаров "списком" чтобы она постоянно была окрашена?
Через редактор графики окрашивается также кнопка "подробнее", этого надо избежать. Возможно можно добавить дополнительный стиль в шаблоне main.css и адресовать на него кнопку? Если да, то подскажите как? Заранее благодарю.
P.S. Во вложении графически сформулированный вопрос.
![:unsure:](http://forum.storeland.ru/public/style_emoticons/default/unsure.png)
#14
Отправлено 08 Апрель 2017 - 19:07
YoTool (08 Апрель 2017 - 18:53) писал:
Подскажите пожалуйста как можно окрасить кнопки "купить сейчас" при раскладке каталога товаров "списком" чтобы она постоянно была окрашена?
Через редактор графики окрашивается также кнопка "подробнее", этого надо избежать. Возможно можно добавить дополнительный стиль в шаблоне main.css и адресовать на него кнопку? Если да, то подскажите как? Заранее благодарю.
P.S. Во вложении графически сформулированный вопрос.
![:unsure:](http://forum.storeland.ru/public/style_emoticons/default/unsure.png)
В шаблоне Товары Вы можете найти:
<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 buybtn" 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>
и далее в main.css прописать:
.buybtn {background:#000;}
и поставить код нужного цвета
#17
Отправлено 08 Апрель 2017 - 20:52
![:rolleyes:](http://forum.storeland.ru/public/style_emoticons/default/rolleyes.gif)
Подскажите пожалуйста есть ли решение сделать кнопу засвеченной постоянно без наведения курсора нв странице товара? (как на рисунке):
#18
Отправлено 09 Апрель 2017 - 10:25
YoTool (08 Апрель 2017 - 20:52) писал:
![:rolleyes:](http://forum.storeland.ru/public/style_emoticons/default/rolleyes.gif)
Подскажите пожалуйста есть ли решение сделать кнопу засвеченной постоянно без наведения курсора нв странице товара? (как на рисунке):
Изменения Вам произвел, проверьте, пожалуйста.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных