Шаблон "Fashion"

Шаблон “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” - это акцентирование внимание покупателя на товарах и тематике интернет - магазина. Поэтому на главной странице отсутствуют блоки “Голосование”, “Новости” и “Проверка статуса заказа”, а также виджеты социальных сетей.