Иногда необходимо выделить некоторые товары значком акции, привлечь к ним внимание посетителя сайта. Для этого может помочь стикер акции. Он располагается в правом верхнем углу любого виджета.

Для установки стикера можно использовать любой виджет, но мы остановимся на простом тексте. Вставим выше виджета, в котором нужно установить стикер, виджет текста.

Откроем меню копирования у текста (если у вас возникают трудности, зажмите Shift) и выберем "Импорт":

В появившемся окне разместим специальный код (для быстрого выделения всего кода используйте тройной клик) и нажмём "Сохранить":

Получаем HTML-виджет со стикером и текстовым контентом по умолчанию. Удалим текст "Выиграй билет в Сеул", так как в нашем случае нам нужен только стикер и переместим внутрь "HTML виджета" нужный нам виджет:

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

И перейдем к настройкам виджета HTML, где на первой вкладке "Главные" мы можем изменить цвет фона, текст, шрифт, жирность и угол поворота:

Вторая вкладка "Размер бейджа" позволяет нам задавать нужные отступы от текста:

На вкладке "Адаптация" есть возможность изменять размер стикера для мобильных устройств, передвигая ползунок в сторону от 1 до 9:

Четвертая вкладка "Дополнительные настройки" позволяет загружать свою картинку в фон, изменяя ее размер, а также настраивать отступы. Задать скругление своей картинки невозможно, а потому если вам нужен круглый стикер из конкретного изображения, то предварительно оформите его в фотошопе или любом другом редакторе.

Возможность размещать стикер за или перед текстом на опубликованной доступна в том случае, если картинки или текст также находятся внутри HTML-виджета. Применить эту настройку можно и для стикера по умолчанию, и для своей загруженной картинки.

Готово! Наш стикер наложился на фото товара и отлично привлекает внимание к акции:

Вы нашли ответ?