Как вам помочь ?

Настройка мобильной версии

Статья актуальна для версии магазина: 8.5 | 8.0 | 6.0 | 5.0 | 4.1-4.0

В данной статье рассмотрим основные настройки мобильной версии интернет-магазина.

А именно:

Настройки мобильной версии сайта

Для того чтобы включить мобильную версию и произвести настройки, необходимо перейти в пункт меню "Интернет-магазин - Мобильная версия" (рис. 1).


Рисунок 1.

Как вы видите на рис.1 QR код вашей мобильной версии. Сканируйте QR на мобильном устройстве, чтобы быстро перейти в мобильную версию.

Далее поставьте галочку в поле активность и перейдем к рассмотрению настроек (рис.2).


Рисунок 2.

  1. Активность - настройка, позволяющая выбрать какая версия будет открываться при заходе клиента в магазин с мобильного устройства: полная или мобильная.
  2. Полное оформление заказа (по умолчанию заказ в 1 клик) – настройка, отвечающая за тип оформления заказа, а именно, если галочка не стоит, то по умолчанию, будет форма покупки в 1 клик, если галочка стоит, то оформление будет полным, как в полной версии сайта со всеми полями заполнения: с выбором способа оплаты и способа доставки. Более подробно о данной настройке можете почитать здесь.
  3. Перенаправлять на поддомен m. (поддомен должен быть привязан к сайту) - если включить данную настройку, то при открытии сайта с мобильного устройства, автоматически домен измениться на m.домен. Это необходимо, если хотите использовать для мобильной версии отдельный файл robots.txt (настройка файла robots.txt находится во вкладке robots.txt).
  4. Тема дизайна по умолчанию с версии 8.5 используется тема дизайна для мобильной версии - современная (рис.3). Классическая тема дизайна выбирается, если версия интернет-магазина ниже 8.5 (рис.4).


Рисунок 3.


Рисунок 4.

  1. Цвет панели браузера выбираете из один из трех вариантов:
    • Не задано - когда цвет браузера будет белый (рис.5);
    • Согласно цветовой схеме - цвет браузера будет такой же как цветовая схема магазина (рис.6);
    • Свой цвет - выбираете цвет в настройках (рис.7), как выглядит с разными цветами показано на рис.8.


Рисунок 5.


Рисунок 6.


Рисунок 7.


Рисунок 8.

В теме дизайна "Современная", дополнительно доступны следующие настройки:

  • Цвет шапки - выбираете либо цвет белый (рис.9), либо цвет по цветовой схеме магазина, например, в интернет-магазине цветовая схема оранжевая (рис.10).


Рисунок 9.


Рисунок 10.

  • Вид отображения категорий - выбираете "выводить корневые категории" (то есть в меню список категорий сразу виден (рис.11)) или "отображать только ссылку" (в меню будет ссылка "каталог" и только при нажатии на нее откроется список всех категорий (рис.12)).


Рисунок 11.


Рисунок 12.

  • Уровень вложенности навигации категорий каталога - указываете число до какого уровня можно будет перейти в меню (рис.13).


Рисунок 13.

  • Высота блока изображения товара в каталоге - указываете размер высота блока (рис.14).


Рисунок 14.

  • Отображения категорий на главной странице - выбираете из выпадающего меню один из трех варинтов отображения категорий на главной странице (не выводить, без иконок, с иконками) (рис.15).


Рисунок 15.

  • Отображать ссылку все товары категории в меню - данная настройка позволяет выводить ссылку в меню для перехода на страницу всех товаров (если товары добавлены в корневой каталог), либо всех категорий (рис.16).


Рисунок 16.


Рисунок 20.

  • Варианты отображения логотипа - выбираете вариант отобаржения логотипа в мобильной версии, а именно:


    Рисунок 17.


    Рисунок 18.


    Рисунок 19.

    • Текст - если выбираете данный пункт, то добавляются дополнительно 2 настройки (рис.17): выбираете либо "Показывать заголовок по умолчанию" (заголовок берется из общих настроек рис.18, цифра 1), либо "Свой заголовок" (вписываете свое название рис.18, цифра 2)
    • Логотип десктопной версии - подгрузится логотив как в полной версии сайта.
    • Загрузить свой логотип - можете загрузить свой логотип конкретно для мобильной версии.
  • Отображать кнопку "В корзину" в списке товаров - данная настройка выводит в каталоге кнопку "добавить в корзину" (рис.20).
  • Число строк в названии товара - указываете число, оно означает сколько строк выводить в названии, если название слишком длинное.

Для интернет-магазинов версии ниже 8.5 используется тема дизайна "Классическая", и из настроек описанных выше для соверменного дизайна будет только тестовый логотив: либо свой заголовк, либо заголовок по умолчанию.

  1. Автоматический переход на мобильную версию при изменении размера окна - данная настрока позволяет автоматически менять версию магазина, то есть переход с полной версии на мобильную и наоборот, если изменлся размер окна. Отключенная галочка, то переход на мобильную версию будет по запросу и желанию клиента.
  2. Тип отображения списка товаров в каталоге (по умолчанию) - выбираете тип отображения товаров в каталоге (плитка, список, блоки). И настройка "Разрешить покупателям менять тип" - позволяет менять тип отображения клиентам на сайте.
  3. Количество товаров на главной - поле отвечает за количество товаров на главной странице сайта.
  4. Выводить город - настройка позволяет выводить город в мобильной версии автоматически. Если галочка стоит, то город будет выводиться, если галочку убрать, то города не будет. На рисунке 21 показано, как будет выглядеть мобильная версия с включенной настройкой. На рисунке 22 показано, как выглядит мобильная версия с отключенной настройкой вывода города.


Рисунок 21.


Рисунок 22.

  1. Выводить карусель - настройка отвечает за вывод карусели в мобильной версии: если галочка стоит, то карусель будет включена и отображаться в мобильной версии (рис.23), если галочка выключена, то карусель не будет выводиться (рис.24).


Рисунок 23.


Рисунок 24.

Внимание!

Карусель общая как для полной версии магазина, так и для мобильной версии. Отдельно настроить карусель в мобильной версии нельзя.

Номер телефона

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

Основной телефон магазина для мобильной версии будет показан для всех городов, для которых не задан телефон. Телефон вводится без форматирования в разделе "Настройки" - "Общие настройки" (рис.25), вкладка "О магазине", поле "Основной телефон в числовом формате" (рис.26). Пример: 74950000000.


Рисунок 25.


Рисунок 26.

Для разных городов также можно указывать разные номера телефонов, для этого перейдите в пункт меню "Настройки - Общие настройки", под полем "Телефон" нажмите на кликабельную ссылку "Указать разные телефоны для некоторых городов", (рис.27),  затем для нужного города укажите номер телефона (рис. 28).


Рисунок 27.


Рисунок 28.

Robots.txt в мобильной версии

Файл robots.txt – это файл, который необходим для роботов поисковых систем. Данное поле можно настраивать, если мобильная версия доступна по поддомену m.

Если у вас поддомена нет, то файл будет такой же, как в полной версии сайта.

Подробнее о robots.txt.

Готово. 

Другие статьи по теме

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: Мобильная версия сайта, mobile, город в мобильной версии, телефон, номер телефона в мобильной версии, robots, Социальные кнопки в мобильной версии, Текст в подвале в мобильной версии, Успешное завершение заказа в мобильной версии, меню, ватсап