Шаблон "Fashion"

Шаблон "Fashion" отличаются от других шаблонов тем, что он имеет яркий и стильный дизайн и нацелен на раскрытие визуального образа тематики интернет - магазина.

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

В данной статье рассмотрим настройки шаблона "Fashion":

• Телефон
• Настройка каталога на главной странице
• Регистрация и авторизация в личном кабинете
• Карусель
• Рекомендуемые размеры изображений товара
• Блоки на главной странице
  • Текст в карусели на главной
  • Текст под подпиской на новости
  • Блок в футере
• Параметры шаблона

 

Телефон

Вся контактная информация, в том числе телефон необходимо разместить в разделе меню "Контакты" (см.рис 1)

Рисунок 1.

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

Рисунок 2.

Затем в открывшемся окне введите заголовок новой страницы "Контакты" и в поле "Текст" укажите контактную информацию (см. рис 3) и нажмите "Сохранить".

Рисунок 3.

Далее необходимо добавить страницу в раздел "Меню - Добавить пункт меню" Указать имя пункта меню, тип ссылки - "существующая страница" и в поле url выбрать статическую страницу "Контакты" (см. рис 4), затем нажимаем "Добавить".

После этого пункт "Контакты" будет отображаться в меню.

Рисунок 4.

 

Настройка каталога на главной странице

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

Теперь перейдем к созданию данного пункта:

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

Рисунок 5.

2. Далее создаем пункт меню,например, "Каталог", где будут находится категории с товарами. Указываем (см. рис 6):

• Имя пункта меню - "Каталог"
• Тип ссылки - "Существующая страница"
• URL

Если необходимо указать ссылку на корневой каталог, то указываем ссылку catalog (см.рис 6)

Рисунок 6.

Если необходимо, чтобы при переходе открывалась категория с товарами, то настройках пункта меню, указываем ссылку на категорию, например, categories/phones (см. рис 7)

Рисунок 7.

3. Затем нажимаем "Добавить".

В меню появится пункт "Каталог", при нажатии на данный пункт открывается страница, где размещены категории или категория, на которую был размещен url, которые есть в интернет - магазине. (см. рис 8.)

Рисунок 8.

 

Регистрация и авторизация в личном кабинете

Пункты "Регистрация" и "Авторизация" размещаются в нижнем меню. (см.рис 9)

Рисунок 9.

 

Карусель

Основная роль слайдов в каруселе - это создание визуального образа о тематике сайта. Данные слайды не кликабельны, т. е не переходят на другие страницы.

Рассмотрим как загрузить изображения в карусель на главной странице:

1. Перейдите в раздел "Каналы продаж - Интернет-магазин - Карусель" (см.рис. 10)

Рисунок 10.

2. Далее "Добавить изображение" (см. рис. 11)

Рисунок 11.

3. Затем необходимо добавить изображение и нажать "Сохранить" (см.рис. 12)

Рисунок 12.

 

Рекомендуемые размеры изображений товара

 

Товар. Большая фотография - 1600х2200

Большая фотография товара - это изображение, которое показывается при наведении (или клике) на изображение в карточке товара. (cм. рис 13)

Рисунок 13.

 

Товар. Средняя фотография - 500х700

Средняя фотография товара - это изображение, которое показывается в карточке товара.(см.рис 14)

Рисунок 14.

 

Товар. Маленькая фотография 295х180

Маленькая фотография - это, собственно, фото, которое показывается в каталоге в списке товаров.(см.рис 15)

Рисунок 15.

 

Товар. Самая маленькая фотография - 60х60

Самая маленькая фотография отображается карточке товара рядом с основным фото, показывая тем самым, что есть ещё фотографии и какие они (см. рис 16)

Рисунок 16.

 

Блоки на главной странице

Текст в карусели на главной

Рисунок 17.

Перейдите раздел "Каналы продаж - Интернет-магазин - Статические блоки", найдите блок "Текст в карусели на главной (шаблон Fashion)" с ключом доступа "Fashion_textWithCarousel" (рис.18)

Рисунок 18.

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

Рисунок 19.

 

Текст под подпиской на новости

Рисунок 20.

Перейдите раздел "Каналы продаж - Интернет-магазин - Статические блоки", найдите блок "Текст под подпиской на новости (шаблон Fashion)" с ключом доступа "Fashion_newsSubscribeStatic" (рис.21)

Рисунок 21.

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

Рисунок 22.

 

Блок в футере

Данный блок редактируется в разделе "Каналы продаж - Интернет-магазин - Статические блоки" блок с названием "Блок в футере (шаблон Fashion)" и ключом "Fashion_bottomMenuRightCustom" (рис.23).

Рисунок 23.

Заметка

Статический блок "Fashion_bottomMenuRightCustom" не используется.

 

Параметры шаблона

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

В данном разделе добавились две новые настройки "Количество фотографий в карусели в карточке товара" и "Высота фотографий в карусели в карточке товара".

Рисунок 24.

Настройка "Количество фотографий в карусели в карточке товара" позволяет задать количество фотографий для вывода слева от основной фотографии (рис.25).

Рисунок 25.

Также данная настройка будет работать и для быстрого просмотра (рис.26).

Рисунок 26.

"Высота фотографий в карусели в карточке товара" - данный параметр задает высоту каждой фотографии в карусели фотографий карточки товара. Рекомендуемый размер 140px. (рис.27)

Рисунок 27.

Заметка

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

Готово. Мы рассмотрели особенности и блоки в шаблоне "Fashion".