Настройка адаптивности

Адаптирование шаблона

Ксения avatar
Автор: Ксения
Обновлено больше недели назад

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

Адаптивность изображения

Стандартно все картинки в шаблоне сохраняют свои пропорции в адаптивной версии макета:

Чтобы картинка отображалась на всю ширину экрана, необходимо поставить галочку "Адаптивность" в блоке с изображением:

Порядок блоков на мобильном

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

Для сохранения вида колонок в горизонтальном положении необходимо перейти во вкладку "Колонки" и нажать "Не менять порядок" на мобильном:

В таком случае получаем картину:

Скрытие элементов на мобильном

Любой из блоков в онлайн-редакторе можно скрыть для отображения на мобильных устройствах или, наоборот, в декстопной версии. Для этого необходимо перейти во вкладку "Блок" и отключить соответствующую галочку:

ВНИМАНИЕ! На текущий момент скрытие блоков может работать некорректно в почтовых клиентах Яндекс.Почта и некоторых версиях Outlook. Рекомендуем тестировать визуал вашего шаблона перед основной отправкой рассылки.

Нашли ответ на свой вопрос?