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

Шаблон "Fashion"

Актуально для версии магазина: 6.0

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

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

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

Телефон

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


Рисунок 1.

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


Рисунок 2.

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


Рисунок 3.

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

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


Рисунок 4.

Каталог с товарами

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

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

1. Необходимо перейти в раздел CMS - Меню и выбрать “Добавить пункт меню” (см.рис.5)


Рисунок 5.

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

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

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


Рисунок 6.

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


Рисунок 7.

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

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


Рисунок 8.

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

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


Рисунок 9.

Карусель

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

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

1. Перейдите в раздел CMS - Карусель - Добавить изображение (см.рис. 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.

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

Основная функция шаблона “Fashion” - это акцентирование внимание покупателя на товарах и тематике интернет - магазина. Поэтому на главной странице отсутствуют блоки “Голосование”, “Новости” и “Проверка статуса заказа”, а также виджеты социальных сетей.

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

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

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

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

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

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

Тэги: шаблон, fashion, настройка шаблона, шаблон fashion