0
Можно Ли Сделать Некоторые Кнопки Определенных Товаров Двух-Цветными?
Автор Smailer, 29 сент. 2016 14:39
Сообщений в теме: 3
#1
Отправлено 29 Сентябрь 2016 - 14:39
Вот как на этой картинке?
#3
Отправлено 29 Сентябрь 2016 - 14:51
Stasya (29 Сентябрь 2016 - 14:47) писал:
Скажите, пожалуйста, по какому принципу будут выбираться товары у которых будут 2х цветные кнопки?
Вот по этому списку:
http://sandesh.ru/catalog/Maslo
P.s тут скорее всего нужно будет делать в частном порядке.
.. мы готовы отдельно указывать ссылку на товар.
#4
Отправлено 30 Сентябрь 2016 - 01:39
В шаблоне Товары найдите:
замените на:
в дальнейшей можно добавлять необходимый перечень товаров, у которых будет изменена кнопка, например:
В main.css найдите:
замените на
градиент настраивайте в данном блоке:
можно используя визуальные редакторы с готовыми стилями: http://www.colorzill...radient-editor/
<a class="add_to_cart_new
замените на:
<a class="{% IF goods.mods.NAME = Молоко топленое %}colors{% ENDIF %} add_to_cart_new
в дальнейшей можно добавлять необходимый перечень товаров, у которых будет изменена кнопка, например:
{% IF goods.mods.NAME = Молоко топленое || goods.mods.NAME = Ряженка || goods.mods.NAME = Молоко обезжиренное %}colors{% ENDIF %}
В main.css найдите:
a.add_to_cart_new:hover { color: white; background: #93F16A; text-decoration:none; cursor: pointer; } a.add_to_cart_new { background: #FCC51D; text-decoration: none; padding: 10px 23px; border-radius: 20px; color: white; cursor: pointer; }
замените на
a.add_to_cart_new { background: #FCC51D; text-decoration: none; padding: 10px 23px; border-radius: 20px; color: white; cursor: pointer; } a.colors.add_to_cart_new{ background: linear-gradient(to top right, #FCC51D, #277DC9); } a.add_to_cart_new:hover { background: #93F16A; text-decoration:none; }
градиент настраивайте в данном блоке:
a.colors.add_to_cart_new{ background: linear-gradient(to top right, #FCC51D, #277DC9); }о градиенте: http://html5book.ru/css3-gradient/
можно используя визуальные редакторы с готовыми стилями: http://www.colorzill...radient-editor/
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных