Docs RU

Изменение стиля секции в мобильной версии

Редактор

Какие настройки можно изменить у секции в мобильной версии?

Для оптимального отображения секций в мобильной версии писем в Markeaze доступны следующие настройки:

  • Включение и отключение адаптивности секции (если включено — блоки внутри секции будут располагаться друг под другом).
  • Включение и отключение инверсии колонок (позволяет поменять порядок колонок в двухколоночной секции).
  • Изменение размера колонок (если адаптивность отключена и колонки расположены рядом).
  • Настройка отступов по краям секции.
  • Изменение расстояния между колонками внутри секции.
  • Возможность показать или скрыть секцию на мобильных и/или десктопных устройствах.

Как сделать, чтобы колонки секции шли друг под другом?

Чтобы блоки внутри секции в мобильной версии располагались вертикально, включите адаптивность секции.

Для этого:

  1. Перейдите в мобильную версию редактора.
  2. Кликните по секции.
  3. В правой панели включите переключатель рядом с пунктом «Адаптивная секция».
Enabling responsiveness for section

Как включить инверсию колонок?

Если нужно поменять местами колонки в мобильной версии:

  1. Перейдите в мобильную версию редактора.
  2. Кликните по секции.
  3. Включите переключатель рядом с пунктом «Инверсия колонок».
Enabling column inversion for section

Как изменить размер колонок?

Если вы отключили адаптивность и колонки идут рядом:

  1. Перейдите в мобильную версию редактора.
  2. Кликните по секции.
  3. В правой панели появится настройка размера колонок — введите нужные значения или нажмите знак = для выравнивания ширины.
Setting up columns size for mobile version

Как изменить внутренние отступы у секции?

Чтобы задать отступы между контентом внутри секции и краем письма:

  1. Перейдите в мобильную версию редактора.
  2. Кликните по секции.
  3. В правой панели в разделе «Отступы» задайте нужные значения.
Setting up paddings for section in mobile version

Как изменить расстояние между колонками?

  1. Перейдите в мобильную версию редактора.
  2. Кликните по секции.
  3. В правой панели найдите поле «Колонки» и введите значение.

Можно также включить опцию «Сохранять отсупы», чтобы применить те же отступы, что и в обычной версии письма.
Setting up indent between columns
Making indent between columns equal to desktop version

Как скрыть или показать секцию только на мобильных или десктопных устройствах?

  1. Перейдите в мобильную версию редактора.
  2. Кликните по секции.
  3. В правой панели в блоке «Показывать секцию на» выберите, где отображать секцию — на всех устройствах, только на компьютерах или только на телефонах.
Enabling display section of different devices