Перейти к содержимому


Можно Ли Сделать Некоторые Кнопки Определенных Товаров Двух-Цветными?


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 Smailer

Smailer

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

Отправлено 29 Сентябрь 2016 - 14:39

Изображение

Вот как на этой картинке?

#2 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 29 Сентябрь 2016 - 14:47

Просмотр сообщенияSmailer (29 Сентябрь 2016 - 14:39) писал:

Изображение

Вот как на этой картинке?

Скажите, пожалуйста, по какому принципу будут выбираться товары у которых будут 2х цветные кнопки?

#3 Smailer

Smailer

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

Отправлено 29 Сентябрь 2016 - 14:51

Просмотр сообщенияStasya (29 Сентябрь 2016 - 14:47) писал:

Скажите, пожалуйста, по какому принципу будут выбираться товары у которых будут 2х цветные кнопки?

Вот по этому списку:
http://sandesh.ru/catalog/Maslo

P.s тут скорее всего нужно будет делать в частном порядке.
.. мы готовы отдельно указывать ссылку на товар.

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 30 Сентябрь 2016 - 01:39

В шаблоне Товары найдите:
<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 анонимных