магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
Настройте
Цвета, размеры, поведение в конструкторе ниже
Скопируйте код
Одна кнопка — код в буфере обмена
Вставьте в Tilda
Блок T123 (HTML) на нужной странице

Увеличение фотографий товара в Tilda

Линза и полноэкранный просмотр: как настроить увеличение для компьютера и телефона.
Подробнее о модеСвернуть описание

Что умеет мод

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

Как подключить

Изображения товараDesktop и touchКод в T123
  1. Выберите изображения

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

  2. Настройте увеличение

    Выберите режим компьютера, кратность и размер линзы. Отдельно задайте поведение на телефоне, подпись закрытия и оформление добавленных элементов.

  3. Проверьте исходные фото

    Используйте изображения достаточного разрешения для выбранной кратности. Мод берёт полноразмерный источник активного фото; маленькая фотография не станет детальнее от увеличения.

  4. Опубликуйте и проверьте

    Вставьте код в T123 после блока товара. На сайте переключите фото в штатной галерее и проверьте zoom. На телефоне проверьте открытие, панорамирование, закрытие и отсутствие прокрутки фона.

Что учитывать. Мод использует активное фото штатной галереи и не создаёт отдельную копию всей галереи. Превью конструктора показывает демонстрационные изображения; качество своих фотографий проверяйте на опубликованном сайте.

Вопросы и ограничения

Можно включить разные режимы на компьютере и телефоне?

Да. Настройки desktop и touch задаются отдельно. Например, на компьютере — линза, на телефоне — полный экран.

Почему при увеличении фото размытое?

Проверьте разрешение исходного файла и уменьшите кратность. Увеличение не восстанавливает детали, которых нет в фотографии.

Обновляется ли фото после смены слайда?

Мод работает с активным изображением. После установки обязательно проверьте переключение фотографий в своей штатной галерее.

Можно отключить увеличение на телефоне?

Да. Выберите «Отключить» в настройках touch-режима, сохранив нужное поведение на компьютере.

Доступ к конструктору

Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.

Может пригодиться вместе

Made on
Tilda