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

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

• Настройки мобильной версии сайта
  • Тема дизайна
  • Основные
  • Главная страница
  • Категория товаров
  • Карточка товара
• Номер телефона в мобильной версии
• Robots.txt в мобильной версии

 

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

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

Рисунок 1.

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

Рисунок 2.

Вид отображения меню в подвале сайта — выбор из двух вариантов:

• Аккордеон — позволяет сворачивать и разворачивать пункты подвала сайта (футера). Свернуты по умолчанию.
• Развернуто — пункты подвала сайта (футера) будут всегда развернуты.

Полная форма оформления заказа (если не выбрано - заказ в 1 клик) — включает полную форму для оформления заказа клиентом (в форму добавляется "Способ доставки", "Оплаты" и т.д.). Также добавляет кнопку "Купить в один клик" на страницу товаров.

Теперь перейдем к следующей секции.

 

Тема дизайна

В этой секции можно выбрать цветовое оформление панели браузера и шапки магазина (рис. 3). 

Рисунок 3.

Цвет панели браузера — выбор из трех вариантов. Если на устройстве используется "Ночной режим" или своя тема, то данные изменения не будут видимы:

• Не задано — цвет элемента, в котором находится адресная строка браузера, будет белый (рис. 4);

Рисунок 4.

• Согласно цветовой схеме — цвет будет такой же, как цветовая схема магазина (рис. 5);

Рисунок 5. 

• Свой цвет — вы можете выбирать цвет в настройках по вашему усмотрению (рис. 6);

Рисунок 6.

Цвет шапки — выбор из двух вариантов:

• Белый цвет — возможно выбрать либо белый цвет (рис. 7);

Рисунок 7.

• Согласно цветовой схеме — цвет будет такой же, как цветовая схема магазина (рис. 8);

Рисунок 8.

Теперь перейдем к следующей секции.

 

Основные

Секция отвечает за отображение логотипа, категорий, выбор города, нижнюю панель (рис. 9).

Рисунок 9.

Варианты отображения логотипа — выбор из трех вариантов:

• Текст — если используется, то необходимо использовать одну из опций:
  • Показывать заголовок по умолчанию — заголовок берется из общих настроек (рис. 10);

Рисунок 10.

• Свой заголовок — можно указать отдельный текст для логотипа, который будет отображаться для мобильной версии (рис. 11).

Рисунок 11.

• Логотип десктопной версии — подгрузится логотип, как в полной версии сайта.
• Загрузить свой логотип - можно загрузить отдельный логотип, который будет отображаться для мобильной версии.

Вид отображения категорий в меню — выбор из двух вариантов:

• Выводить корневые категории — список категорий будет сразу виден в меню (рис. 12);

Рисунок 12.

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

Рисунок 13.

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

Рисунок 14.

Отображать город в меню — настройка позволяет выводить город в мобильной версии автоматически. Если галочка стоит, то город будет выводиться, если галочку убрать, то города не будет (рис. 15).

Рисунок 15.

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

Рисунок 16.

Действие при клике в нижней панели на каталог — определяет действие по клику на кнопку Каталог в нижней панели. Выбор из двух вариантов:

• Открывать страницу с главными категориям (рис. 17);

Рисунок 17.

• Показывать боковое меню (рис. 18).

Рисунок 18.

Теперь перейдем к следующей секции.

 

Главная страница

Секция позволяет изменить оформление товаров и категорий на главной странице (рис. 19).

Рисунок 19.

Выводить карусель — включает отображение карусели на главной странице сверху под шапкой (рис. 20).

Рисунок 20.

Настроить карусель можно в разделе Дизайн на вкладке Карусель (рис. 21).

Рисунок 21.

Количество товаров на главной — поле отвечает за количество товаров на главной странице сайта.

Тип отображения списка товаров на главной — выбор из трех вариантов:

• Горизонтальная прокрутка по группам — например, по группе "Новинки" (рис. 22);

Рисунок 22.

• Вертикальный вывод (рис. 23);

Рисунок 23.

• Не выводить — в этом случае Товары на главной странице будут полностью спрятаны.

Тип отображения категорий на главной странице — выбор из четырех вариантов:

• Не выводить — полностью прячет категории на главной.
• Без иконок — текстовое название категории (рис. 24).

Рисунок 24.

• С иконками — маленькая иконка 36х36 px будет отображаться рядом с категорией на главной (рис. 25).

Рисунок 25.

• Блоки — иконка размером 80х80 px будет отображаться рядом с категорией на главной (рис. 26).

Рисунок 26.

Отображать краткое описание на главной — позволяет выводить краткое описание товаров на главной в мобильной версии при режимах отображения каталога "Плитка", "Список" и "Блоки" (рис. 27).

Рисунок 27.

Теперь перейдем к следующей секции.

 

Категория товаров

Секция позволяет настроить элементы на странице каталога/категории (рис. 28).

Рисунок 28. 

Тип отображения списка товаров в каталоге (по умолчанию) — выбираете тип отображения товаров в каталоге (плитка, список, блоки). И настройка "Разрешить покупателям менять тип" - позволяет менять тип отображения клиентам на сайте (рис. 29). 

Рисунок 29.

Тип размера фотографии — выбор из трех вариантов:

• Самый маленький;
• Маленький;
• Средний.

Итоговый размер зависит от максимального размера установленного в настройках "Высота изображения товара в каталоге при отображении плиткой и списком".

Заметка

Опция работает только для вариантов отображения "Плитка" и "Список". Если в опции Тип отображения списка товаров в каталоге (по умолчанию) выбран вариант "Блоки", то для отображения картинки будет всегда показываться большая фотография, чтобы обеспечить четкость изображения на телефоне.

 

Отображать кнопку добавления в корзину в списке товаров — включает отображение кнопки "Добавить" в корзину на карточке товара в категории (рис. 30).

Рисунок 30.

Отображать краткое описание в каталоге — позволяет выводить краткое описание товаров в каталоге в мобильной версии при режимах отображения каталога "Плитка", "Список" и "Блоки" (рис. 31).

Рисунок 31.

Высота изображения товара в каталоге при отображении плиткой и списком — устанавливает максимальную высоту для изображения при типе отображения "Плитка" или "Списком".

Высота изображения товара в каталоге при отображении блоком — устанавливает максимальную высоту для изображения при типе отображения "Блоки".

Теперь перейдем к следующей секции.

 

Карточка товара

Секция позволяет настроить элементы на странице товара (рис. 32).

Рисунок 32.

Отображать единицу измерения — включает отображение единиц измерения товаров внутри карточки товара (рис. 33).

Рисунок 33.

Сворачивать информационные блоки в карточке товара — если включено, то такие блоки как, например, "Характеристики", "Отзывы" можно сворачивать (рис. 34).

Рисунок 34.

Мы завершили рассмотрение основных настроек раздела Мобильная версия.

 

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

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

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

Рисунок 35.

Вкладка О магазине, поле Основной телефон в числовом формате (рис. 36).

Рисунок 36.

Для разных городов также можно указывать разные номера телефонов. Для этого нажмите на ссылку Указать разные телефоны для некоторых городов (рис. 37).

Рисунок 37.

Затем для нужного города укажите номер телефона (рис. 38).

Рисунок 38.

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

 

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

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

Заметка

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

Подробнее о robots.txt.
Готово.