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

Шаблон "Voyage"

Статья актуальна для версии магазина: 8.0 | 6.5

Внимание

Шаблон "Voyage" может быть установлен только на магазин версии 6.5.3 и выше. Если Ваш магазин версии ниже, пожалуйста, обновите магазин до последней актуальной версии на момент установки шаблона.

В данной статье рассмотрим особенности шаблона и оформление блоков на главной.

Особенности шаблона "Voyage"

Отметим особенности данного шаблона:

- режим отображения главной страницы "Одна колонка";

- рекомендуемое количество товаров в строке в каталоге от трёх до шести;

- модуль "Успей купить" рекомендуется выводить горизонтально;

- переработанная мобильная версия магазина.

Как найти статический блок

Заметка

У каждого из статических блоков, которые относятся к данному шаблону, в названии указано "шаблон Voyage"

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

Шаблон "Voyage" - 8870
Рисунок 1.

Далее открывается окно с кодом. Следует перейти в режим "Источник", проверить активность блока, внести необходимые корректировки и выполнить сохранение (рис.2).

Шаблон "Voyage" - 1721
Рисунок 2.

О нас

Чтобы перейти к редактированию статического блока, перейдите к пункту меню "Каналы продаж" - "Интернет-магазин" - "Статические блоки". Найдите в списке блок с названием "О нас (шаблон Voyage)" и перейдите к редактированию. На витрине магазина блок выглядит следующим образом (рис.3).

Шаблон "Voyage" - 5264
Рисунок 3.

Данный статический блок отображается в нижней части главной страницы и содержит стандартный блок для ввода текста, отредактировать который можно в разделе "Каналы продаж" - "Интернет-магазин" - "Статические блоки".

Лучшее предложение

Чтобы перейти к редактированию статического блока, перейдите к пункту меню "Каналы продаж" - "Интернет-магазин" - "Статические блоки". Найдите в списке блок с названием "Лучшее предложение (шаблон Voyage)" и перейдите к редактированию. На витрине магазина блок выглядит следующим образом (рис.4).

Шаблон "Voyage" - 3596
Рисунок 4.

Рассмотрим подробнее, за что отвечает каждая из частей данного кода (рис.5):

Шаблон "Voyage" - 4996
Рисунок 5.

Здесь 1,3, 5 - ссылки на страницу, куда должен быть переход при нажатии на баннер, 2 - ссылка на большое изображение, рекомендуемый размер 780px * 280px, 3 и 4 - ссылки на средние изображения, рекомендуемый размер 380px * 580px. Предварительно изображения для блока нужно загрузить на сервер. О том, как это сделать и получить ссылку на изображение на сервере, описано в инструкции. Изменить показатели в блоках "Покупателей сегодня" и "Заказов сегодня" можно в следующей части кода (рис.6).

Шаблон "Voyage" - 6141
Рисунок 6.

Далее расположен блок, в котором отображаются товарные предложения (рис.7).

Шаблон "Voyage" - 4268
Рисунок 7.

Здесь 1 - ссылка на изображение товара, рекомендуемый размер 200px * 360px. 3,6,8 - наименования и цена товарного предложения, 2, 4, 5, 7, 9 - ссылки на страницу, куда должен выполняться переход при нажатии на данное товарное предложение. Таких блоков далее по коду ещё три: т.е. в этом статическом блоке предусмотрено 4 позиции для лучших товарных предложений.

Новая коллекция

Чтобы перейти к редактированию статического блока, перейдите к пункту меню "Каналы продаж" - "Интернет-магазин" - "Статические блоки". Найдите в списке блок с названием "Новая коллекция (шаблон Voyage)" и перейдите к редактированию. На витрине магазина блок выглядит следующим образом (рис.8).

Шаблон "Voyage" - 7979
Рисунок 8.

В коде статического блока нужно внести изменения в следующих частях кода (рис.9).

Шаблон "Voyage" - 9584
Рисунок 9.

Здесь 1 - ссылка на страницу, куда будет выполнен переход при нажатии на данное изображение, 2 - ссылка на изображение, рекомендуемый размер 380px * 280px. Таких картинок три, корректировки нужно внести для каждого класса. Предварительно изображения для блока нужно загрузить на сервер. О том, как это сделать и получить ссылку на изображение на сервере, описано в инструкции.

Блог на главной

Чтобы перейти к редактированию статического блока, перейдите к пункту меню "Каналы продаж" - "Интернет-магазин" - "Статические блоки". Найдите в списке блок с названием "Блог на главной (шаблон Voyage)" и перейдите к редактированию. На витрине магазина блок выглядит следующим образом (рис.10).

Шаблон "Voyage" - 9011
Рисунок 10.

Рассмотрим код, который соответствует данному статическому блоку (рис.11).

Шаблон "Voyage" - 8540
Рисунок 11.

Здесь 1 - ссылка на страницу, куда будет выполнен переход при нажатии на данное изображение, 2 - ссылка на изображение, рекомендуемый размер 1180px * 280px. Предварительно изображения для блока нужно загрузить на сервер. О том, как это сделать и получить ссылку на изображение на сервере, описано в инструкции

Фото в блоке "Новости"

Чтобы перейти к редактированию статического блока, перейдите к пункту меню "Каналы продаж" - "Интернет-магазин" - "Статические блоки". Найдите в списке блок с названием Фото в блоке "Новости (шаблон Voyage)" и перейдите к редактированию. На витрине магазина блок выглядит следующим образом (рис.12).

Шаблон "Voyage" - 3992
Рисунок 12.

Рассмотрим код, который соответствует данному статическому блоку (рис.13).

Шаблон "Voyage" - 7358
Рисунок 13.

Здесь 1 - ссылка на изображение, рекомендуемый размер 580px * 290px. Предварительно изображения для блока нужно загрузить на сервер. О том, как это сделать и получить ссылку на изображение на сервере, описано в инструкции. 2- ссылка на страницу, куда будет выполнен переход при нажатии на кнопку "Все новости" (при необходимости можно переименовать название кнопки).

Обратная связь и обратный звонок

Чтобы перейти к редактированию статического блока, перейдите к пункту меню "Каналы продаж" - "Интернет-магазин" - "Статические блоки". Найдите в списке блок с названием "Обратная связь и обратный звонок (шаблон Voyage)" и перейдите к редактированию. На витрине магазина блок выглядит следующим образом (рис.14).

Шаблон "Voyage" - 8558
Рисунок 14.

Рассмотрим код, который соответствует данному статическому блоку (рис.15).

Шаблон "Voyage" - 4595
Рисунок 15.

Здесь 1 - ссылка на форму обратной связи (ссылка стандартная в платформе), 2 и 3 - ссылки на изображение картинок, при нажатии на которые будет выполняться переход к форме обратной связи и форме обратного звонка соответственно. Рекомендуемый размер картинок 20px * 20px

Способы оплаты

Чтобы перейти к редактированию статического блока, перейдите к пункту меню "Каналы продаж" - "Интернет-магазин" - "Статические блоки". Найдите в списке блок с названием "Способы оплаты (шаблон Voyage)" и перейдите к редактированию. На витрине магазина блок выглядит следующим образом (рис.16).

Шаблон "Voyage" - 1864
Рисунок 16.

Рассмотрим код, который соответствует данному статическому блоку (рис.17).

Шаблон "Voyage" - 2505
Рисунок 17.

Здесь 1 - ссылка на изображение. Предварительно изображения для блока нужно загрузить на сервер. О том, как это сделать и получить ссылку на изображение на сервере, описано в инструкции. 2 - ссылка на страницу (например, на статическую страницу, где будут описаны все условия оплаты), куда будет выполнен переход при нажатии на картинку с иконками способов оплаты.

Блок мы в соц сетях

Чтобы перейти к редактированию статического блока, перейдите к пункту меню "Каналы продаж" - "Интернет-магазин" - "Статические блоки". Найдите в списке блок с названием "Блок мы в соц сетях (шаблон Voyage)" и перейдите к редактированию. На витрине магазина блок выглядит следующим образом (рис.18).

Шаблон "Voyage" - 8604
Рисунок 18.

Рассмотрим код, который соответствует данному статическому блоку (рис.19).

Шаблон "Voyage" - 1616
Рисунок 19.

Здесь 1,2,3,4 - ссылки на аккаунт магазина в соответствующей социальной сети, 5,6,7,8 - ссылки на иконки изображений для соответствующих социальных сетей

Внимание

Данный статический блок в 8 версии не используется.

Популярные бренды

Чтобы перейти к редактированию статического блока, перейдите к пункту меню "Каналы продаж" - "Интернет-магазин" - "Статические блоки". Найдите в списке блок с названием "Популярные бренды (шаблон Voyage)" и перейдите к редактированию. На витрине магазина блок выглядит следующим образом (рис.20).

Шаблон "Voyage" - 3985
Рисунок 20.

Рассмотрим код, который соответствует данному статическому блоку (рис.21).

Шаблон "Voyage" - 9848
Рисунок 21.

Здесь 1 - заголовок блока, при необходимости можно поменять. 2 и 5 - названия блоков-категорий брендов, 3 и другие схожие конструкции ниже - ссылки на страницу, куда будет выполнен переход при нажатии на изображение бренда, 4- ссылка на изображение бренда, рекомендуемый размер 165px *70px. Каждому изображению бренда соответствует своя ссылка, в каждом столбце по 4 бренда, в статическом блоке 6 столбцов, где могут быть размещены бренды

Измененная мобильная версия

1. Измененная панель меню (рис. 22).

Шаблон "Voyage" - 6872
Рисунок 22.

  • Меню - отображаются все пункты меню, указанные разделе "Каналы продаж" - "Интернет-магазин" далее "Меню"- "Мобильное меню" (рис. 23).

Шаблон "Voyage" - 4226
Рисунок 23.

  • Каталог - в выпадающем списке выводятся все имеющиеся в магазине категории (рис.24).

Шаблон "Voyage" - 5248
Рисунок 24.

  • Иконка поиска - при нажатии на иконку поиска появляется строка для ввода необходимого значения для поиска (рис. 25).

Шаблон "Voyage" - 7620
Рисунок 25.

  • Иконка корзины - отображается количество добавленных в корзину товаров, при нажатии на иконку можно перейти в корзину.

2. Расположение карточек товара - стандартное расположение карточек товара списком по одному товару в строке (рис. 26).

Шаблон "Voyage" - 4212
Рисунок 26.

Также можно изменить расположение товаров на "Плитка" в клиентской части, либо в панели администрирования в разделе "Настройки" - "Каталог товаров". При этом товары на главной (новинки, хиты) также будут отображаться в виде плитки (рис.27).

Шаблон "Voyage" - 6866
Рисунок 27.

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

Более широкая кнопка "Добавить" (рис. 28).

Шаблон "Voyage" - 2583
Рисунок 28.

Готово. В данной инструкции мы рассмотрели основные настройки шаблона "Voyage".

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

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

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

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

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

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

Тэги: voyage, шаблон voyage, шаблон вояж, ваяж, вояш, ваяш, djz;