Шаблон "Fashion"

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

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

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

• Телефон
• Каталог на главной странице
• Регистрация и авторизация в личном кабинете
• Карусель
• Рекомендуемые размеры изображений товара
  • Товар. Большая фотография - 1600х2200
  • Товар. Средняя фотография - 500х700
  • Товар. Маленькая фотография 295х180
  • Товар. Самая маленькая фотография - 60х60
• Блоки на главной странице
  • Текст в карусели на главной
  • Текст под подпиской на новости
• Параметры шаблона

 

Телефон

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

Рисунок 1.

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

Рисунок 2.

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

Рисунок 3.

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

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

Рисунок 4.

 

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

На главной странице не выводится список категорий, каталог товаров доспупен при перходе по кнопке "Каталог товаров" в строке меню (рис.5).

Рисунок 5.

 

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

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

Рисунок 6.

 

Карусель

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

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

Перейдите в раздел "Дизайн" - "Карусель" - "Добавить изображение" (рис.7).

Рисунок 7.

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

Рисунок 8.

 

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

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

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

Рисунок 9.

 

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

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

Рисунок 10.

 

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

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

Рисунок 11.

 

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

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

Рисунок 12.

 

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

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

Рисунок 13.

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

Рисунок 14.

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

Рисунок 15.

 

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

Рисунок 16.

Перейдите раздел "Дизайн" - "Страницы и блоки" - "Блоки" найдите блок "Текст под подпиской на новости (шаблон Fashion)" с ключом доступа "Fashion_newsSubscribeStatic".

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

 

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

Перейдите в пункт меню "Дизайн" - "Параметры" вкладка "Прочее" (рис.17).

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

Рисунок 17.

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

Рисунок 18.

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

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

Рисунок 19.

Заметка

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

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