Бесплатный шаблон для блока плитки Mosaic Gallery
Готовое оформление стандартного блока «Картинки плиткой» GetCourse в виде аккуратной журнальной фотогалереи с изображениями разной высоты.

Шаблон работает на базе обычного блока GetCourse — фотографии по-прежнему добавляются и заменяются через стандартный редактор страницы. Вам не нужно вручную собирать сетку из колонок или создавать отдельные HTML-блоки для каждой картинки.
Вместо стандартного одинакового расположения изображений пользователь видит динамичную композицию из вертикальных, горизонтальных и компактных плиток, похожую на Pinterest или журнальную фотоподборку.

Такой вариант хорошо подходит для портфолио, фотографий с мероприятий, кейсов, работ учеников, галерей курса, подборок изображений и визуального оформления лендинга.
Вид плитки ДО и ПОСЛЕ
Что меняет шаблон:
Код полностью перерабатывает расположение изображений внутри стандартной плитки GetCourse: формирует три колонки, задаёт разную высоту элементов, добавляет одинаковые аккуратные промежутки и автоматически обрезает изображения под форму каждой плитки.

При этом исходные пропорции фотографии не растягиваются. Изображение заполняет отведённую область, а лишняя часть аккуратно обрезается с помощью object-fit: cover.

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

В шаблоне предусмотрены:
  • нестандартная журнальная раскладка изображений;
  • три колонки на компьютере;
  • плитки разной высоты;
  • сочетание крупных и компактных изображений;
  • одинаковые промежутки между фотографиями;
  • автоматическая обрезка изображений без искажения пропорций;
  • центрирование фотографии внутри плитки;
  • единый размер колонок независимо от исходного размера файлов;
  • возможность использовать вертикальные, горизонтальные и квадратные фотографии;
  • автоматическое продолжение галереи при добавлении новых изображений;
  • повторяющийся рисунок раскладки — новые фотографии продолжают композицию автоматически;
  • отсутствие необходимости прописывать стили отдельно для каждой новой картинки;
  • стандартное открытие изображений через галерею GetCourse сохраняется;
  • возможность в любой момент заменить фотографию через редактор страницы;
  • адаптация под планшеты;
  • отдельная двухколоночная раскладка для смартфонов;
  • автоматическое уменьшение расстояний между плитками на небольших экранах.

Можно добавлять любое количество изображений
Для красивого отображения рекомендуется использовать 6, 9, 12 или 15 изображений
Вы сами загружаете фотографии в нужной цветовой палитре
При этом фон блока задается стандартными настройками
Так блок будет отображаться на мобильных устройствах
Получите шаблон бесплатно
Уже получали шаблоны Set Apply?
Если вы ранее получали один из шаблонов на set-apply.ru, у вас уже есть аккаунт в личном кабинете.

После первой регистрации данные для входа отправляются на указанную вами электронную почту.
Как найти данные для входа:

  1. Откройте почту, которую указывали при получении шаблона.
  2. Попробуйте найти письмо по словам «Set Apply», «Password» или «пароль».
  3. Проверьте не только папку «Входящие», но и «Спам», «Рассылки» и «Промоакции».
  4. Перейдите на страницу входа: https://set-apply.ru/members/login
  5. Введите email, который использовали при регистрации, и пароль из письма.

Не нашли письмо или забыли пароль?
На странице входа нажмите «Забыли пароль?» и укажите свою почту — на неё придёт письмо для восстановления доступа.

Совет: используйте при получении новых шаблонов тот же email, с которым регистрировались ранее. Так все доступные вам материалы будут находиться в одном личном кабинете.
Остались вопросы?
По вопросам установки, настройки или изменения оформления напишите в Telegram:
https://t.me/GetCourseCode
Канал с бесплатными решениями для Геткурс