Promocards: установка и вывод карточек
Promocards добавляет промокарточки в магазин на Shop-Script. Создание карточки и её размещение на витрине — отдельные задачи: для вывода используется хелпер темы оформления.
Установка и первая карточка
- Установите Promocards из магазина Webasyst стандартным установщиком плагинов.
- В приложении «Магазин» откройте «Маркетинг» → «Акции». В более старых версиях Shop-Script карточки находятся в разделе «Товары» → «Промо».
- Создайте промокарточку и настройте её содержимое: заголовок, описание и кнопку.
- Настройте размер, цвета и фоновое изображение карточки в настройках плагина.
- Подключите вывод карточек в нужном месте темы оформления, используя хелпер из настроек плагина. Для настройки вывода укажите порядковые номера нужных промокарточек.
Вывод в теме оформления
Для вывода карточек используется хелпер:
{$wa->shop->promos()}
Используйте инструкцию по размещению и выбору карточек в настройках установленного плагина. Конкретный шаблон и место вставки зависят от вашей темы оформления.
В старых темах Shop-Script 5 может потребоваться ручное добавление кода в шаблоны. Если нужна помощь с подключением, передайте поддержке название темы и адрес страницы, на которой должны появиться карточки.
Оформление и таймер
Плагин позволяет задавать CSS-классы кнопок и собственные CSS-стили. Пользовательские стили сохраняются при обновлениях плагина. Инструкция по настройке CSS доступна в самом плагине.
Карточки адаптируются к мобильным устройствам. После подключения проверьте текст, кнопку и фон на узкой и широкой витрине: итоговое оформление зависит и от стилей темы.
Таймер обратного отсчёта не работает на iOS и в Internet Explorer. Указывайте срок акции также в тексте карточки, чтобы посетителю была доступна эта информация без таймера.
Встроенного конструктора с перетаскиванием элементов нет: вывод настраивается через хелпер и CSS.
Если нужна помощь
На странице поддержки укажите версию плагина, версию Shop-Script, тему оформления, URL витрины и описание результата. Для проблемы с таймером добавьте устройство и браузер; для проблемы оформления — скриншот.