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


Скидка


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

#1 Mashenka

Mashenka

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

  • Пользователи
  • PipPipPipPip
  • 269 сообщений

Отправлено 05 Октябрь 2016 - 22:15

Здравствуйте. Помогите пожалуйста сделать так, чтобы старая цена товара была перечеркнула, а рядом написана новая красного цвета, а на карточке товара было слово "скидка" тоже красного цвета

#2 Razon

Razon

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

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

Отправлено 06 Октябрь 2016 - 09:40

Просмотр сообщенияMashenka (05 Октябрь 2016 - 22:15) писал:

Здравствуйте. Помогите пожалуйста сделать так, чтобы старая цена товара была перечеркнула, а рядом написана новая красного цвета, а на карточке товара было слово "скидка" тоже красного цвета

Здравствуйте,  для того, чтоб товары стали со скидкой,  воспользуйтесь одним из особых разделов под названием Акции
Найти вы его можете в вашем бэк-офисе, в разделе Товары->Товары
Установив определенный процент скидки и указав время действия акции,  добавьте в данный раздел необходимый товар.
На странице сайта данный товар будет помечен словом скидка, если вы дублируете товар из других разделов, товар станет со скидкой,  как в самом разделе,  так и в разделе данной акции.

Для смены цвета фона слова Скидка(на всем сайте) и цветы цены(в карточке товара):
В вашем бэк-офисе,  раздел Сайт-Редактор шаблонов, в файле main.css
Найдите строки:
.ico-product .ico-sale {background-color: #18bd9c;width: 46px;color: #ffffff;font-size: 13px;position: absolute;z-index: 3;height: 23px;top: 5px;right: 5px;line-height: 23px;margin: 11px 0;display: block;text-align: center;}
.ico-product .ico-sale:before {bottom: 100%;border-bottom-width: 8.5px;border-bottom-style: solid;border-bottom-color: #18bd9c;}
.ico-product .ico-sale:before, .ico-product .ico-sale:after {content: "";position: absolute;width: 0;left: 0;border-left: 23px solid transparent;border-right: 23px solid transparent;}
.ico-product .ico-sale:after {top: 100%;border-top-width: 8.5px;border-top-style: solid;border-top-color: #18bd9c;}

Замените на:
.ico-product .ico-sale {background-color: #cd0a0a;width: 46px;color: #ffffff;font-size: 13px;position: absolute;z-index: 3;height: 23px;top: 5px;right: 5px;line-height: 23px;margin: 11px 0;display: block;text-align: center;}
.ico-product .ico-sale:before {bottom: 100%;border-bottom-width: 8.5px;border-bottom-style: solid;border-bottom-color: #cd0a0a;}
.ico-product .ico-sale:before, .ico-product .ico-sale:after {content: "";position: absolute;width: 0;left: 0;border-left: 23px solid transparent;border-right: 23px solid transparent;}
.ico-product .ico-sale:after {top: 100%;border-top-width: 8.5px;border-top-style: solid;border-top-color: #cd0a0a;}
.akc {color:#cd0a0a;}

Далее в файле Товар найдите строку:
<span class="price" itemprop="price">{GOODS_MOD_PRICE_NOW | money_format}</span>

Замените ее на:
<span class="price {% IF GOODS_MOD_MAX_DISCOUNT %}akc{% ENDIF %}" itemprop="price">{GOODS_MOD_PRICE_NOW | money_format}</span>


#3 Mashenka

Mashenka

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

  • Пользователи
  • PipPipPipPip
  • 269 сообщений

Отправлено 06 Октябрь 2016 - 12:28

Спасибо большое!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных