В Аспро: Лайтшоп, начиная с версии 2.7.0, появились разные наборы настроек главной страницы — для десктопной версии и мобильного шаблона. Отдельная настройка для разных типов устройств позволяет оптимизировать UX, ускорить загрузку сайта и увеличить конверсию.

Настроить главную страницу для мобильных устройств можно двумя способами:

• через виджет в публичной части;
• в административной части сайта.

Рассмотрим каждый вариант по порядку.

Настройка в публичной части

В виджете «Точная настройка» выберите пункт «Мобильная версия» (1), затем перейдите на вкладку «Главная» (2) и активируйте поле «Пользовательский порядок блоков для мобильного шаблона» (3).

После этого откроется отдельная настройка каждого блока главной страницы для отображения в мобильном шаблоне.

Здесь вы можете включать/отключать, менять порядок и тип отображения каждого блока главной страницы. Настройка аналогична десктопной версии. Также отдельно настраиваются разделители, фон и отступы.

Для удобной настройки мы рекомендуем в соседней вкладке открыть сайт с мобильной версией (нажать F12 → выбрать мобильное отображение). В первой вкладке настраивать, а во второй — проверять.

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

Перейдите в Аспро (1) → Аспро: Лайтшоп (2) → Настройки (3) → Мобильная версия (4).

Во вкладке «Главная» поставьте галку в поле «Пользовательский порядок блоков для мобильного шаблона».

После этого откроются те же настройки, что мы рассматривали ранее. Сначала идут настройки активации, порядка и отступов. Ниже можно выбрать типы отображения. После внесения настроек не забудьте сохранить изменения.