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

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

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

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

 

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

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

Настройка мобильной версии - 2226
Рисунок 1.

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

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

Настройка мобильной версии - 9100
Рисунок 2.

Мобильная версия -2268

Рисунок 3.

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

Настройка мобильной версии - 9519
Рисунок 4.

Настройка мобильной версии - 9397
Рисунок 5.

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

Настройка мобильной версии - 7318
Рисунок 6.

Настройка мобильной версии - 6197
Рисунок 7.

Настройка мобильной версии - 2266
Рисунок 8.

Настройка мобильной версии - 9866
Рисунок 9.

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

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

Настройка мобильной версии - 5736
Рисунок 10.

Настройка мобильной версии - 2553
Рисунок 11.

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

Настройка мобильной версии - 6573
Рисунок 12.

Настройка мобильной версии - 7818
Рисунок 13.

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

Настройка мобильной версии - 9089
Рисунок 14.

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

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

Рисунок 15.

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

Настройка мобильной версии - 8838
Рисунок 16.

Настройка мобильной версии - 9862
Рисунок 17.

Настройка мобильной версии - 8485
Рисунок 18.

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

Настройка мобильной версии - 2299
Рисунок 19.

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

    Настройка мобильной версии - 5904
    Рисунок 20.

    Настройка мобильной версии - 4101
    Рисунок 21.

    Настройка мобильной версии - 8620
    Рисунок 22.

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

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

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

Настройка мобильной версии - 7023
Рисунок 23.

Настройка мобильной версии - 9086
Рисунок 24.

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

Настройка мобильной версии - 1523
Рисунок 25.

Настройка мобильной версии - 2903
Рисунок 26.

Внимание!

Для карусели в десктопной и мобильной версии рекомендуется добавлять баннеры разных размеров. С рекомендациями можно ознакомиться в отдельной статье - Карусель.

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

    Настройка мобильной версии - 8882
    Рисунок 27.

  • Действие при клике в нижней панели на каталог - определяет действие по клику на кнопку "Каталог" в нижней панели. Два варианта - переход на адрес /catalog, либо вызов мобильного меню (рис. 28).

    Настройка мобильной версии - 4071
    Рисунок 28.

  • Сворачивать информационные блоки в карточке товара - данная настройка отвечает за скрытие вкладок в карточке товара (рис. 29).Настройка мобильной версии - 4071
    Рисунок 29.

  

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

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

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

Настройка мобильной версии - 4071
Рисунок 30.

Настройка мобильной версии - 3819
Рисунок 31.

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

Настройка мобильной версии - 3819
Рисунок 32.

Настройка мобильной версии - 8249
Рисунок 33.

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

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

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

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

Готово. 

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

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

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

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

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

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

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

Мы используем cookies. Подробнее...
0