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

Pinterest-галерея с увеличением фото в Tilda

Плитки разной высоты, адаптивные колонки и лайтбокс для просмотра деталей.
Подробнее о модеСвернуть описание

Что умеет мод

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

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

Плиточная сеткаЗум-лайтбоксКод в T123
  1. Подготовьте фотографии

    Начните с GL03 или подходящей галереи Tilda. Укажите нужный блок в «Где применять» и заполните подписи. Проверьте, какие изображения собираются из выбранного источника.

  2. Настройте адаптивную сетку

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

  3. Оформите лайтбокс

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

  4. Проверьте опубликованную страницу

    Добавьте код в T123 после источника. Проверьте открытие, закрытие, листание, колесо, двойное нажатие и увеличение двумя пальцами. Отдельно проверьте дополнительные кнопки в нужных браузерах.

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

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

Можно смешивать вертикальные и горизонтальные фотографии?

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

Как ограничить увеличение?

Укажите максимальный масштаб в настройках лайтбокса. Масштаб двойного нажатия задаётся отдельно.

Есть ли автоматический просмотр?

Да. Включите слайдшоу и задайте интервал. После публикации проверьте, удобно ли читать подписи и управлять просмотром.

Чем отличается от галереи с обычным раскрытием фото?

Здесь акцент на плитках разной высоты и изучении деталей с зумом. У варианта раскрытия GL03 плитки имеют общее выбранное соотношение сторон.

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

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

Другие варианты галерей и лент

Made on
Tilda