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

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

1 мин.

Обновление от 31.12.23 - В слайдер были добавлены новые поля, а также recid теперь нужно писать без приставки "#rec", поэтому если вдруг что-то не работает, то см. видео, а также текстовую инструкцию ниже↓

!

Видео-инструкция

Видео-инструкция

Если тебе нужна галерея в виде полноценных слайдеров, то смотри мод
каталог товаров внутри зероблок

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

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

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

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

5. Если будешь делать такой эффект для нескольких блоков магазина на странице, то повтори для них п. 1-4 (также см. Важно)
Инструкция
Важно!
- В Тильде идёт привязка к тому, в каком порядке ты создаешь блоки магазина, поэтому убедись, что какой-либо из блоков магазина не был помещен над блоками магазина, созданными раньше него. Для перестраховки можешь просто каждый из блоков магазина по порядку продублировать и удалить старый и Тильда их перепривяжет. И уже с их recid можешь работать и указывать "какой это блок магазина на странице по счёту"
- Убедись что у тебя выключена настройка "оригинальное соотношение сторон изображений", если тебе требуется пагинация. Если эта настройка включена, то пагинация показываться не будет
(Развернуть)

Отчистить поля
(Настройки пагинации)
Скопировать код


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

Опиши нужный функционал через эту форму и он будет добавлен!

Не хватает какой-то функции?