Каталог и детальную страницу товара теперь можно полностью собрать в Zero-блоке с абсолютной свободой вёрстки и синхронизацией с каталогом в реальном времени)
Перед вами самый большой и продуманный модуль библиотеки: два месяца разработки, ~4800 строк кода и компонентная архитектура – это как если бы Тильда сама встроила интернет-магазин в Zero. Внутри модуля четыре модификации:
➕ Каталог товаров в Zero-блоке
Кастомные карточки каталога со своими разделами, поиском и пагинацией. Всё, что нужно – сверстать один ряд карточек, как вы хотите (со своей сеткой, автолэйаутом/автоскейлом и стилями) – модификация клонирует его под реальное количество товаров, придерживаясь вашей вёрстки и заполняя данные из стандартного каталога Тильды.
Больше не нужно вручную собирать карточку под каждый товар, только первый ряд) Отдельно горжусь пагинацией: она верстается прямо в Zero, без прозрачных шейпов и добавления html-кода. Всё видно и управляется из макета — как точки в продвинутом слайдере.
Модификация: Каталог товаров в Zero-блоке
➕ Карточка товара в Zero-блоке
Своя детальная страница товара вместо стандартной /tproduct/ с выводом опций, характеристик, галереи, хлебных крошек, кнопки «в корзину» и многого другого. Полностью ваша вёрстка, которая синхронизируется с реальным каталогом Тильды.
При смене опции карточка динамически пересчитывает цену, артикул и остаток и подставляет фото варианта. Можно верстать в автолэйауте и без)
Модификация: Карточка товара в Zero-блоке
➕ Похожие товары в Zero-блоке
Подборка рекомендаций из той же категории, что и у текущего товара. Те же кастомные карточки и тот же принцип клонирования, разве что без пагинации) Можно поставить на любой странице и привязать к любому товару, без ограничений.
Модификация: Похожие товары в Zero-блоке
➕ Иконки корзины и избранного в Zero-блоке
Свои иконки со счётчиками, которые можно расположить в любом месте страницы. Модификация прячет стандартные иконки Тильды и синхронизирует с ними счетчик в Zero-блоке (обновляется в реальном времени).
Модификация: Иконки корзины и избранного в Zero-блоке
Модуль проработан максимально системно, как у самой Тильды. Под капотом:
• Интернет-магазин состоит из нескольких независимых модулей, каждый из которых отвечает за свой функционал
• Модули полностью автономны: в каждом из них есть своя логика общения с API Тильды — модификация сама достаёт и обрабатывает все товары с сервера без блоков-посредников
• Для работы с вёрсткой Zero создана полноценная система клонирования карточек, которая сохраняет оригинальную структуру и позволяет добавлять в блок неограниченное количество товаров. Поддерживает все типы элементов, верстку в автолэйаутах и масштабирование автоскейлом
• Если данные товаров не приходят по API, есть резервный механизм извлечения (fallback)
• Для всех модификаций детально проработана система логирования и диагностики: 11 ошибок и рекомендаций по их исправлению в ?showerrors
• Отдельно для генератора кода проработан механизм определения номера раздела (storepart): можно временно добавить на страницу стандартный блок, указать в настройках нужный раздел, и его код подтянется по ссылке автоматически
Скажу честно – это самый большой модуль библиотеки и одновременно самый требовательный. Он раскрывается у тех, кто уверен в своей вёрстке, и создан для случаев, когда каталог должен выглядеть эффектно, а кастомизация важнее всего. Например, для бутиковых проектов или акцентных витрин.
Но по опыту работы с Тильдой: если достаточно сделать на стандартных – делайте на них) Для большинства случаев они более простые, стабильные и богатые по функционалу. Но там, где нужна вёрстка, которую больше нечем собрать, — этот модуль будет незаменим.
Теперь он — ещё одно приятное дополнение подписки Pro. В ближайший месяц модуль будет бесплатным для всех. Соберите с его помощью что-нибудь красивое)
Ссылочка на модификации: https://postnikovmd.com/mods/store
Почитать документацию: https://postnikovmd.com/mods/docs/store
Максим Постников | Дизайн, Тильда и модификации