Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Cкидки

Автор ToshaBoy, 27 июня 2017 15:13

Авторизуйтесь для ответа в теме

Сообщений в теме: 3

#1 ToshaBoy

Пользователь

Пользователи
26 сообщений

Отправлено 27 Июнь 2017 - 15:13

Помогите мне сделать скидки как на изображение

Прикрепленные изображения

Наверх

#2 Vaccina

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

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

Отправлено 08 Июль 2017 - 06:02

Здравствуйте.

Простите за ожидание, зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:

{% IF goods.MAX_DISCOUNT %}
<span class="ico-sale">Скидка</span>
{% ENDIF %}

замените на:

{% IF goods.MAX_DISCOUNT %}
<span class="ico-sale">Скидка</span>
<span class="ico-sale-name">Скидка до</span>
<span class="ico-sale-time">{goods.MAX_DISCOUNT_EXPIRED_AT | date("d.m.Y")}</span>
<span class="ico-sale-size">{goods.MAX_DISCOUNT}%</span>
{% ENDIF %}

Далее зайдите в main.css - найдите:

.ico-product .ico-sale {background: #d9526b;right: 5px;}

замените на:

.ico-product .ico-sale {background: #d9526b;right: 5px;border-radius: 0;line-height: 20px;min-height:20px;padding: 5px 10px;}
.ico-product .ico-sale-name {background: #040826;left: 5px;border-radius: 0;line-height: 20px;min-height:20px;padding: 5px 10px;}
.ico-product .ico-sale-time {background: #293042;left: 5px;border-radius: 0;line-height: 20px;min-height:20px;padding: 5px 10px;top: 40px;width: 82px;}
.ico-product .ico-sale-size {background: #495163;left: 5px;border-radius: 0;line-height: 20px;min-height:20px;padding: 5px 10px;top: 75px;width: 82px;}

Результат:

Наверх

#3 ToshaBoy

Пользователь

Пользователи
26 сообщений

Отправлено 08 Июль 2017 - 10:02

Vaccina (08 Июль 2017 - 06:02) писал:

Здравствуйте.

Простите за ожидание, зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:

{% IF goods.MAX_DISCOUNT %}
<span class="ico-sale">Скидка</span>
{% ENDIF %}

замените на:

{% IF goods.MAX_DISCOUNT %}
<span class="ico-sale">Скидка</span>
<span class="ico-sale-name">Скидка до</span>
<span class="ico-sale-time">{goods.MAX_DISCOUNT_EXPIRED_AT | date("d.m.Y")}</span>
<span class="ico-sale-size">{goods.MAX_DISCOUNT}%</span>
{% ENDIF %}

Далее зайдите в main.css - найдите:

.ico-product .ico-sale {background: #d9526b;right: 5px;}

замените на:

.ico-product .ico-sale {background: #d9526b;right: 5px;border-radius: 0;line-height: 20px;min-height:20px;padding: 5px 10px;}
.ico-product .ico-sale-name {background: #040826;left: 5px;border-radius: 0;line-height: 20px;min-height:20px;padding: 5px 10px;}
.ico-product .ico-sale-time {background: #293042;left: 5px;border-radius: 0;line-height: 20px;min-height:20px;padding: 5px 10px;top: 40px;width: 82px;}
.ico-product .ico-sale-size {background: #495163;left: 5px;border-radius: 0;line-height: 20px;min-height:20px;padding: 5px 10px;top: 75px;width: 82px;}

Результат:
Прикрепленный файл

Электроники и гаджеты.png

Спасибо получился, а как вывести как на картинке в разделе "Акции"?

Наверх

#4 Mr.Nito

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

Модераторы
1 364 сообщений

Отправлено 08 Июль 2017 - 11:04

ToshaBoy (08 Июль 2017 - 10:02) писал:

Спасибо получился, а как вывести как на картинке в разделе "Акции"?

Чтобы на странице акций появились иконки в шаблоне
"Просмотр акции"

заменил дважды

{% IF goods.MAX_DISCOUNT %}
<span class="ico-sale">Скидка</span>
{% ENDIF %}

на

{% IF goods.MAX_DISCOUNT %}
<span class="ico-sale">Скидка</span>
<span class="ico-sale-name">Скидка до</span>
<span class="ico-sale-time">{goods.MAX_DISCOUNT_EXPIRED_AT | date("d.m.Y")}</span>
<span class="ico-sale-size">{goods.MAX_DISCOUNT}%</span>
{% ENDIF %}