Завдяки редактору дизайну ви можете встановити для мобільної версії свого сайту окремі налаштування, які будуть відрізнятися від десктопного варіанту. Зокрема, ви можете змінити порядок відображення блоків на головній сторінці, налаштувати для мобільних пристроїв інші банери, перемістити елементи на сторінці товару тощо.

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

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

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

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

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

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

Схематично шапка мобільної версії має три рівні за шириною секції. У цій вкладці налаштувань ви можете відключати певні елементи шапки, а також перемішувати їх між секціями (частинами) шапки.

Шапка в мобільній версії може містити найголовніші функціональні елементи, які присутні на десктопі, а саме:

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

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

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

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

Побачити доступні для блоку налаштування стилю можна, клікнувши на полоску блоку — панель з налаштуванням для блоку розгорнеться на сторінці.

Детальніше про всі можливі блоки головної сторінки — в окремій статі.

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

Для додавання нової банерної лінії:

Зверніть увагу: окремі банери для десктопної версії можна задати в Сайт → Дизайн → Редактор дизайну → Головна сторінка.

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

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

На мобільних пристроях мінікартка не змінюється при наведені, тому в її налаштування ми додали опції, які дозволяють змінити наявну на картці інформацію саме для мобільних пристроїв.

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

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