Как вам помочь ?
Настройка мобильной версии
В данной статье рассмотрим основные настройки мобильной версии интернет-магазина.
Настройки мобильной версии сайта
Для того чтобы включить мобильную версию и произвести настройки, необходимо перейти в пункт меню "Мои сайты - Редактировать - Моб. версия" (рис. 1).
Рисунок 1.
Как вы видите на рис.1 QR код вашей мобильной версии. Сканируйте QR на мобильном устройстве, чтобы быстро перейти в мобильную версию.
Далее поставьте галочку в поле активность и перейдем к рассмотрению настроек (рис.2 и рис.3).
Рисунок 2.
Рисунок 3.
- Активность - настройка, позволяющая выбрать какая версия будет открываться при заходе клиента в магазин с мобильного устройства: полная или мобильная.
- Полное оформление заказа (по умолчанию заказ в 1 клик) – настройка, отвечающая за тип оформления заказа, а именно, если галочка не стоит, то по умолчанию, будет форма покупки в 1 клик, если галочка стоит, то оформление будет полным, как в полной версии сайта со всеми полями заполнения: с выбором способа оплаты и способа доставки. Более подробно о данной настройке можете почитать здесь.
- Тема дизайна по умолчанию с версии используется тема дизайна для мобильной версии - современная (рис.4). Классическая тема дизайна выбирается, если версия интернет-магазина ниже 8.5 (рис.5).
Рисунок 4.
Рисунок 5.
- Цвет панели браузера выбираете из один из трех вариантов:
- Не задано - когда цвет браузера будет белый (рис.6);
- Согласно цветовой схеме - цвет браузера будет такой же как цветовая схема магазина (рис.7);
- Свой цвет - выбираете цвет в настройках (рис.8), как выглядит с разными цветами показано на рис.9.
Рисунок 6.
Рисунок 7.
Рисунок 8.
Рисунок 9.
В теме дизайна "Современная", дополнительно доступны следующие настройки:
- Цвет шапки - выбираете либо цвет белый (рис.10), либо цвет по цветовой схеме магазина, например, в интернет-магазине цветовая схема синяя (рис.11).
Рисунок 10.
Рисунок 11.
- Вид отображения категорий - выбираете "выводить корневые категории" (то есть в меню список категорий сразу виден (рис.12)) или "отображать только ссылку" (в меню будет ссылка "каталог" и только при нажатии на нее откроется список всех категорий (рис.13)).
Рисунок 12.
Рисунок 13.
- Высота изображения товара в каталоге при отображении плиткой и списком - указываете размер высоты блока (рис.15).
Рисунок 14.
- Высота изображения товара в каталоге при отображении блоком - указываете размер высота блока (рис.16).
Рисунок 15.
- Отображения категорий на главной странице - выбираете из выпадающего меню один из трех вариантов отображения категорий на главной странице (не выводить, без иконок, с иконками) (рис.17 ,18, 19).
Рисунок 16.
Рисунок 17.
Рисунок 18.
- Отображать ссылку "Все товары категории" в меню - данная настройка позволяет выводить ссылку в меню для перехода на страницу всех товаров (если товары добавлены в корневой каталог).
Рисунок 19.
- Варианты отображения логотипа - выбираете вариант отображения логотипа в мобильной версии, а именно:
Рисунок 20.
Рисунок 21.
Рисунок 22.- Текст - если выбираете данный пункт, то добавляются дополнительно 2 настройки (рис.20): выбираете либо "Показывать заголовок по умолчанию" (заголовок берется из общих настроек рис.21), либо "Свой заголовок" (вписываете свое название рис.22)
- Логотип десктопной версии - подгрузится логотип как в полной версии сайта.
- Загрузить свой логотип - можете загрузить свой логотип конкретно для мобильной версии.
- Отображать кнопку "В корзину" в списке товаров - данная настройка выводит в каталоге кнопку "добавить в корзину" (рис.21).
- Число строк в названии товара - указываете число, оно означает сколько строк выводить в названии, если название слишком длинное.
Для интернет-магазинов версии ниже 8.5 используется тема дизайна "Классическая", и из настроек описанных выше для современного дизайна будет только тестовый логотип: либо свой заголовок, либо заголовок по умолчанию.
- Тип отображения списка товаров в каталоге (по умолчанию) - выбираете тип отображения товаров в каталоге (плитка, список, блоки). И настройка "Разрешить покупателям менять тип" - позволяет менять тип отображения клиентам на сайте.
- Количество товаров на главной - поле отвечает за количество товаров на главной странице сайта.
- Выводить город - настройка позволяет выводить город в мобильной версии автоматически. Если галочка стоит, то город будет выводиться, если галочку убрать, то города не будет. На рисунке 23 показано, как будет выглядеть мобильная версия с включенной настройкой. На рисунке 24 показано, как выглядит мобильная версия с отключенной настройкой вывода города.
Рисунок 23.
Рисунок 24.
- Выводить карусель - настройка отвечает за вывод карусели в мобильной версии: если галочка стоит, то карусель будет включена и отображаться в мобильной версии (рис.25), если галочка выключена, то карусель не будет выводиться (рис.26).
Рисунок 25.
Рисунок 26.
Внимание!
Для карусели в десктопной и мобильной версии рекомендуется добавлять баннеры разных размеров. С рекомендациями можно ознакомиться в отдельной статье - Карусель.
- Показывать нижнюю панель (рис. 27) - опция активирует нижнюю панель в мобильной версии.
Рисунок 27.
- Действие при клике в нижней панели на каталог - определяет действие по клику на кнопку "Каталог" в нижней панели. Два варианта - переход на адрес /catalog, либо вызов мобильного меню (рис. 28).
Рисунок 28. - Сворачивать информационные блоки в карточке товара - данная настройка отвечает за скрытие вкладок в карточке товара (рис. 29).
Рисунок 29.
Номер телефона
Для того чтобы клиент смог позвонить с мобильного устройства, необходимо указать один номер телефона. Зачастую в полной версии указано несколько номеров, скайп, whatsApp и другая информация. Поэтому для номера телефона в мобильной версии есть отдельное поле, где вы сможете прописать один номер телефона.
Основной телефон магазина для мобильной версии будет показан для всех городов, для которых не задан телефон. Телефон вводится без форматирования в разделе "Настройки" - "Общие настройки" (рис.30), вкладка "О магазине", поле "Основной телефон в числовом формате" (рис.31). Пример: 74950000000.
Рисунок 30.
Рисунок 31.
Для разных городов также можно указывать разные номера телефонов, для этого перейдите в пункт меню "Настройки - Общие настройки", под полем "Телефон" нажмите на кликабельную ссылку "Указать разные телефоны для некоторых городов", (рис.32), затем для нужного города укажите номер телефона (рис. 33).
Рисунок 32.
Рисунок 33.
Robots.txt в мобильной версии
Файл robots.txt – это файл, который необходим для роботов поисковых систем. Данное поле можно настраивать, если мобильная версия доступна по поддомену m.
Если у вас поддомена нет, то файл будет такой же, как в полной версии сайта.
Подробнее о robots.txt.
Готово.
Другие статьи по теме
- Настройка мобильного приложения
- Оформление заказа в мобильной версии
- Статические блоки мобильной версии
- Меню в мобильной версии
Тэги: Мобильная версия сайта, mobile, город в мобильной версии, телефон, номер телефона в мобильной версии, robots, Социальные кнопки в мобильной версии, Текст в подвале в мобильной версии, Успешное завершение заказа в мобильной версии, меню, ватсап, мобильное приложение