Как настроить карточки избранного в Tilda
Фотографии, названия, варианты и кнопки: подробное оформление списка ST110.Подробнее о модеСвернуть описание
Как настроить карточки избранного в Tilda
Фотографии, названия, варианты и кнопки: подробное оформление списка ST110.Что умеет мод
- Настраивает сетку карточек и размещение фотографии слева или сверху.
- Оформляет название, цену, варианты товара и артикул.
- Позволяет изменить вид штатной кнопки удаления.
- Отдельно настраивает сердечко в каталоге, включая активное состояние и наведение.
Как подключить
Подготовьте магазин
Добавьте ST110 и включите избранное в магазинных карточках. Для проверки сохраните товар с вариантами, артикулом и достаточно длинным названием.
Выберите область
Пустая область в «Где применять» охватывает нужные элементы страницы. Для ограничения задайте общий uc-класс ST110 и магазинным блокам: сердечки находятся в магазине, а не внутри ST110.
Настройте элементы и адаптивы
Выберите сетку, положение фото, тексты, плашки вариантов и кнопку удаления. При необходимости включите оформление сердечек. В адаптивах задайте нужные ширины и изменяемые параметры.
Установите и проверьте
Вставьте CSS в T123 после магазина и ST110, заменив предыдущую версию этого мода. Опубликуйте страницу, проверьте добавление, удаление, варианты и состояния сердечка на компьютере и телефоне.
Что учитывать. Добавлением и удалением товаров управляет Tilda. Мод меняет оформление её элементов. Не подключайте одновременно другое решение, которое меняет те же карточки ST110.
Вопросы и ограничения
Почему сердечки каталога не изменились?
Проверьте, включено ли их оформление и входит ли магазинный блок в область действия. ID одного ST110 не охватывает кнопки из соседних блоков.
Можно поставить фото над названием?
Да. Выберите «Фото сверху». В этом режиме изображение растягивается на ширину карточки.
Можно скрыть артикул?
Да. Для артикула есть отдельная настройка скрытия; оформление вариантов товара задаётся отдельно.
Шрифт нужно подключать в Tilda?
Да. Укажите шрифт, уже подключённый в настройках сайта: мод сам не загружает новые шрифты.
Доступ к конструктору
Это бесплатная модификация. Войдите в аккаунт, чтобы настроить её и получить код.
