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

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

1 мин.

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

Магазин

JavaScript

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

!

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

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

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

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

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

Инструкция

Важно!

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

(Развернуть)

Отчистить поля

(Настройки пагинации)

Скопировать код

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

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

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

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

Или напиши напрямую в

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