1 мин

Магазин

Light

5

Этот скрипт позволит тебе сделать удобную галерею для предпросмотра изображений товара, без необходимости открыть каждый по одному. Модификация совместима с Autoscale.

Как сделать галерею для карточек товара на Tilda?

(cвернуть)
Инструкция

1. Создай блок магазина с номером ST3***

2. Обязательно отключи в настройках блока "Показывать второе изображение при наведении"

3. Укажи recid этого блока в генераторе

4. Скопируй код и вставь в блок т123

5. Если будешь делать такой эффект для нескольких блоков магазина на странице, то повтори для них п. 1-4 (также см. Важно)

- Обязательно синхронизируй блок ST3** с каталогом, чтобы мод мог нормально работать. Нельзя просто забивать карточки в разделе "контент" без синхронизации блока с каталогом Тильды

- В Тильде идёт привязка к тому, в каком порядке ты создаешь блоки магазина, поэтому убедись, что какой-либо из блоков магазина не был помещен над блоками магазина, созданными раньше него. Для перестраховки можешь просто каждый из блоков магазина по порядку продублировать и удалить старый и Тильда их перепривяжет. И уже с их recid можешь работать и указывать "какой это блок магазина на странице по счёту"

- Убедись что у тебя выключена настройка "оригинальное соотношение сторон изображений", если тебе требуется пагинация. Если эта настройка включена, то пагинация показываться не будет

Важно!

undefined
undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Настройки пагинации
undefined
undefined
Скопировать код
 
123

Два блока каталога созданы в нужном порядке и на каждый из них сгенерирован код. Модификацией в галерею подгружаются все фотки товара

Примеры работы модификации