Карточки: поля

Каждая карточка заполняется на своей вкладке: «Карточка 1», «Карточка 2» и так далее до пяти. Какие вкладки доступны, зависит от формата группы. Пустые поля не выводятся: если нет описания или текста кнопки, этого элемента на карточке просто не будет.

Поля карточки

Поле	Обязательно	Что вводить
Заголовок карточки	Нет	Крупный текст, например «Палатки –20%». Допустимы HTML-теги
Описание карточки	Нет	Короткий текст под заголовком. Допустимы HTML-теги
Текст кнопки	Нет	Например «Выбрать». Если поле пустое, кнопки не будет
Класс кнопки	Нет	CSS-класс кнопки вашей темы, чтобы она выглядела как остальные кнопки сайта
Ссылка	Желательно	Куда ведёт карточка и кнопка: `/category/palatki/` или полный адрес
Фоновое изображение	Да	Картинка карточки: подробнее
Фоновое изображение в webp	Нет	Та же картинка в формате webp
Таймер	Нет	Дата и время окончания акции

HTML в заголовке и описании

В заголовке и описании можно использовать HTML-теги для выделения. Например, чтобы выделить цифру цветом:

Скидки <b style="color: #ffd400;">до 50%</b>

Достаточно простых тегов , ,   и . Если вам нужно изменить оформление всех заголовков сразу, используйте собственный CSS, а не теги в каждой карточке.

Чего нельзя вводить

Одиночный апостроф (') и перенос строки в заголовке, описании, тексте кнопки и ссылке ломают блок. Содержимое карточек передаётся браузеру внутри скрипта, и апостроф преждевременно закрывает строку: в результате вся группа карточек не показывается. Остальные группы на странице продолжают работать.

Как обойтись:

вместо ' используйте типографский апостроф ’ или код ': например, Л’Этуаль или Л'Этуаль;
вместо переноса строки используйте тег  ;
двойные кавычки " и «ёлочки» ставить можно.

Если после правки текста группа пропала с витрины, в первую очередь проверьте её тексты на апострофы.

Текст кнопки и её вид

Кнопка по умолчанию — белая рамка с прозрачным фоном и заглавными буквами, шириной не более 120 px и текстом в одну строку. Поэтому пишите на кнопке одно-два коротких слова: «Выбрать», «В каталог», «Подробнее». Длинный текст выйдет за границы рамки.

Если в поле «Класс кнопки» указан класс, стандартный вид кнопки плагина не применяется: кнопка выглядит так, как этот класс оформлен в вашей теме. Укажите класс, который вы используете для кнопок на сайте, например button. Сам класс должен быть описан в стилях темы.

Ссылка

Вся карточка и кнопка ведут на одну и ту же ссылку. Если поле «Ссылка» оставить пустым, в нём остаётся #, и клик по карточке просто прокручивает страницу вверх. Укажите адрес страницы акции, категории или товара.

Адрес можно записать относительным (/category/palatki/) или полным (https://example.com/promo/).