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