Перейти к содержимому
ИЗБРАННОЕ 0 Забрать бесплатно
Модификации выключены. Так эта страница выглядит на обычной Тильде.

Галерея выбранного варианта

MOD-167 КАТАЛОГ ТОВАРОВ v1.0 ГОТОВ ✓ ПРОВЕРЕНО 12.08.26
Сообщить о проблеме

Фильтрует фотографии по значению выбранного варианта товара.

ТИЛЬДА УМЕЕТ ЭТО САМА

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

Где это у неё: t_store_product_updateEdition_moveSlider и t_store_product_getEditionOptionsArr_getImgValues в tilda-catalog-1.1.min.js.

Чего в родной версии нет: Штатный код переводит галерею к одной фотографии, но не скрывает фотографии других цветов. Отдельный мод нужен только для нескольких самостоятельных галерей внутри одной карточки товара.

ГОТОВ · ТЕХНИЧЕСКИЙ КОНТРАКТ

Как устроен мод

ГОТОВ И ПРОВЕРЕН

РЕЗУЛЬТАТ

Фильтрует фотографии по значению выбранного варианта товара.

КАК ВСТРАИВАЕТСЯ

Готовый файл подключается через блок T123 внутри карточки товара. Секции назначается класс mk-variant-gallery. Настройки передаются в MK_MOD_167; генератор ниже собирает их без ручной правки JavaScript.

ГРАНИЦЫ БЕЗОПАСНОСТИ

  • Мод меняет только размеченную секцию или явно выбранные элементы и не подменяет отправку форм, оплату либо серверные данные Тильды.
  • Не переименовывать класс и служебные data-атрибуты после копирования: по ним мод отделяет свой экземпляр от остальных блоков страницы.
  • После изменения структуры блока повторить опубликованный сценарий из чек-листа, а не ограничиваться просмотром в редакторе.

КРИТЕРИИ ГОТОВНОСТИ

  • Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
  • Повторная инициализация не создаёт второй экземпляр интерфейса и не ломает соседние стандартные блоки.
  • Параметры генератора совпадают с meta.json и попадают в код с правильными типами.

ПАРАМЕТРЫ

Если нет совпадения
ЕСТЬ ЕЩЁ, ВНУТРИ ФАЙЛА
control [data-mk-variant]
Переключатель варианта
image [data-mk-variant-image]
Фотографии вариантов
КУДА ВСТАВЛЯТЬ: блок T123 внутри карточки товара 
<script src="https://modkod.ru/mk/v1.0/mod-167.js" defer></script>
<script>
  window.MK_MOD_167 = {
    fallback: 'all',
  };
</script>
6.7 КБ ПО СЕТИ · БЕЗ ВНЕШНИХ БИБЛИОТЕК · v1.0 Открыть mod-167.js целиком →
НЕ ХОТИТЕ ЗАВИСЕТЬ ОТ НАШЕГО ДОМЕНА Тот же мод одним куском, 17.8 КБ в блок T123 →
УСТАНОВКА БЕЗ ПРАВКИ JAVASCRIPT

Пять шагов до готовой страницы

v1.0 ЗАКРЕПЛЕНА
  1. 01 Подготовьте секцию Откройте настройки нужной секции Zero Block и впишите mk-variant-gallery в поле «CSS class name».
  2. 02 Добавьте блок T123 блок T123 внутри карточки товара. Один блок с кодом ставьте один раз на страницу.
  3. 03 Скопируйте готовую вставку Код ниже подключает закреплённую версию 1.0; её поведение не изменится само после сдачи сайта.
  4. 04 Опубликуйте страницу Проверяйте опубликованный адрес, а не только предпросмотр редактора Тильды.
  5. 05 Пройдите приёмку Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.

Про этот мод написано

1 разбор
12 августа 2026 4 МИН

Фото варианта товара в Тильде: что уже есть

MOD-167

Похожие задачи

3 мода
ЕСТЬ В ТИЛЬДЕ
MOD-134 · Каталог товаров

Фильтры в каталоге товаров

Отдельный код не нужен: свойства и цена фильтруются штатными средствами каталога.

ST100 · T754 СВЕРЕНО 29.07.26
ГОТОВ
MOD-166 · Каталог товаров

Строгий лимит карточек

Оставляет заданное число карточек и убирает кнопку дозагрузки только в выбранном каталоге.

ST305N · T754 ✓ 12.08.26
ГОТОВ
MOD-168 · Каталог товаров

Сценарий для товара без остатка

Заменяет недоступную покупку на лист ожидания или ссылку на попап.

ST305N · T754 ✓ 12.08.26