Сравнение товаров в магазине на Tilda
Выбор товаров в карточках, общая таблица с отличиями и переход к покупке.Подробнее о модеСвернуть описание
Сравнение товаров в магазине на Tilda
Выбор товаров в карточках, общая таблица с отличиями и переход к покупке.Что умеет мод
- Добавляет кнопки сравнения на поддерживаемые карточки магазина.
- Собирает выбранные товары в таблицу с группировкой по найденным категориям.
- Настраивает подсветку отличий, закрепление шапки и первой колонки.
- Позволяет открыть товар, убрать его из сравнения или добавить в корзину.
Как подключить
Подготовьте каталог
Опубликуйте магазин с реальными товарами, ценами, изображениями и заполненными опциями. Проверьте, какие данные присутствуют в карточках. Для строк таблицы используйте одинаковые названия сравниваемых параметров.
Настройте кнопки и панель
Выберите вид и положение кнопки сравнения, подписи и максимальное число товаров. Оформите плавающую панель и её расположение. Своя иконка задаётся ссылкой на изображение и не перекрашивается цветами кнопки.
Оформите таблицу
Задайте ширину окна, затемнение, цвета и типографику. При необходимости включите закрепление шапки и первой колонки, полосатые строки и подсветку отличий. Кнопку заказа включайте при подключённой корзине Tilda.
Установите и проверьте
Вставьте код в T123 после блоков магазина и опубликуйте. Выберите два товара, откройте таблицу, проверьте строки и удаление из списка. На телефоне проверьте прокрутку таблицы, а при включённом заказе — фактическое содержимое корзины.
Что учитывать. Мод читает данные из доступных элементов карточек. Он не выгружает все характеристики из базы каталога; отсутствующие на странице сведения не появятся автоматически. Кнопка заказа не показывает отдельный выбор размера и дополнительных опций. Такие товары проверяйте отдельно; при необходимости отключите заказ из таблицы и оставьте переход к товару.
Вопросы и ограничения
Откуда берутся строки характеристик?
Из найденных полей опций и вариантов товара в разметке карточки. Если нужного параметра там нет, сначала проверьте его вывод в самом магазине.
Сохранится ли список после обновления страницы?
Выбранные товары сохраняются в локальном хранилище браузера на этом домене, если оно доступно. Синхронизации между устройствами здесь нет.
Что происходит при превышении лимита?
При добавлении нового товара сверх лимита из списка сравнения исключается первый выбранный товар. Сам товар в магазине остаётся.
Нужно назначать карточкам специальный класс?
Нет. Текущий код ищет стандартную разметку карточек автоматически. Произвольная карточка Zero Block без этих данных не становится совместимой только по внешнему сходству.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
