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

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

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

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

А именно:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Внимание!

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

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

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

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

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

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

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

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

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

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

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

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

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

Готово. 

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

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

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

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

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

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

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

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