Шаблон "Voyage"

Внимание

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

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

• О нас
• Лучшее предложение
• Как изменить число покупателей и заказов
• Новая коллекция;
• Блог на главной
• Фото в блоке "Новости"
• Обратная связь и обратный звонок
• Способы оплаты
• Блок мы в соц сетях
• Популярные бренды

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

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

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

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

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

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

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

Заметка

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

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

Рисунок 1.

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

Рисунок 2.

О нас

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

Рисунок 3.

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

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

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

Рисунок 4.

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

Рисунок 5.

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

Рисунок 6.

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

Рисунок 7.

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

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

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

Рисунок 8.

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

Рисунок 9.

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

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

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

Рисунок 10.

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

Рисунок 11.

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

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

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

Рисунок 12.

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

Рисунок 13.

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

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

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

Рисунок 14.

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

Рисунок 15.

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

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

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

Рисунок 16.

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

Рисунок 17.

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

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

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

Рисунок 18.

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

Рисунок 19.

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

Внимание

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

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

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

Рисунок 20.

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

Рисунок 21.

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

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