Быстрый старт: первая группа за 5 минут

Что понадобится

Магазин на Webasyst Shop-Script и права администратора.
Для каждой карточки: картинка (png, jpg, gif или svg), заголовок и адрес, куда должна вести карточка.
Доступ к редактированию шаблонов темы оформления: вставляется одна строка.

Установка

В Shop-Script откройте раздел «Плагины» и установите Promocards (в списке он называется Start Promocards) стандартным установщиком Webasyst.
Нажмите на название плагина в списке: откроется страница настроек.

Первая группа карточек

На странице уже есть «Группа промокарточек 1». Над настройками показан её код установки — пока просто запомните, где он находится.

В блоке «Формат карточек» выберите, сколько карточек будет в ряду. Для первого раза подойдёт третья картинка — три карточки.
В блоках «Вид карточек» и «Размер карточек» нажмите на любой понравившийся вариант. Выбранный вариант выделен жёлтой рамкой. Всё это можно будет изменить позже: подробнее.
Нажмите на вкладку «Карточка 1» и заполните поля: «Заголовок карточки», «Ссылка», выберите файл в «Фоновое изображение». Остальные поля необязательные.
Так же заполните вкладки «Карточка 2» и «Карточка 3».
Нажмите «Сохранить».

Вставка кода в шаблон

Сохранить настройки недостаточно: карточки появятся там, куда вы вставите код группы.

Скопируйте код установки из настроек плагина: {shopStart_promocardsPlugin::setPromocardsGroup(1)}. Число в скобках — номер группы.
Откройте Сайт → Дизайн, выберите тему, нажмите «Код» и откройте шаблон главной страницы — home.html.
Вставьте код туда, где должен появиться блок. Для проверки поставьте его в самое начало файла.
Нажмите «Сохранить» под редактором (или Ctrl + S).

Проверка на витрине

Откройте главную страницу магазина (при необходимости обновите её с очисткой кеша браузера — Ctrl + F5). Блок появится в том месте, куда вы вставили код.

Если карточек нет

См. «Вопросы и неполадки». Чаще всего код вставлен не в шаблон темы или в тексте карточки есть апостроф.

Что дальше

Подобрать оформление: группы: вид, размер, формат.
Добавить таймер и webp-картинки: изображения и таймер.
Вывести блок на других страницах: вывод на витрине.