Здравствуйте. Помогите пожалуйста сделать так, чтобы старая цена товара была перечеркнула, а рядом написана новая красного цвета, а на карточке товара было слово "скидка" тоже красного цвета
0
Скидка
Автор Mashenka, 05 окт. 2016 22:15
Сообщений в теме: 2
#1
Отправлено 05 Октябрь 2016 - 22:15
#2
Отправлено 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
Отправлено 06 Октябрь 2016 - 12:28
Спасибо большое!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных