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

Настройку дизайна для мобильной версии можно сделать в Сайт → Дизайн → Редактор дизайна → Мобильная версия сайта.

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

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

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

Шапка сайта в мобильной версии — сквозной верхний блок, который отображается на всех страницах сайта. Шапка для мобильных имеет специальную структуру, адаптированную под потребности посетителя на мобильном устройстве.

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

Схематически шапка мобильной версии имеет три равные по ширине секции. В этой вкладке настроек вы можете отключать определенные элементы шапки, а также перемещать их между секциями (частями) шапки.

Шапка в мобильной версии может содержать самые главные функциональные элементы, которые присутствуют на десктопе, а именно:

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

В мобильной версии сайта футер имеет упрощенный вид. Для футера вы можете задать цвет фона, цвет элементов в нем и цвет ссылок — например, ссылки на полную версию сайта.

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

Вы можете менять порядок расположения блоков и баннеров на главной странице, перетаскивая полоски блоков на новые места.

Увидеть доступные для блока настройки стиля можно, кликнув на полоску блока — панель с настройкой для блока развернется на странице.

Подробнее обо всех возможных блоках главной страницы — в отдельной статье.

Вы можете добавлять на главную страницу любое количество слотов для размещения баннеров — баннерных линий.

Для добавления новой баннерной линии:

Обратите внимание: отдельные баннеры для десктопной версии можно задать в Сайт → Дизайн → Редактор дизайна → Главная страница.

Баннерная линия не будет отображаться на сайте, пока вы не добавите соответствующие изображения в Сайт → Баннеры.

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

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

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

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