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

Шаблон "Alfa"

Статья актуальна для версии магазина: 8.0 | 6.0

Внимание

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

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

 

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

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

  • стильный и лаконичный;
  • переработанная мобильная версия магазина;
  • привлекающий внимание элемент "Корзина";
  • облегченный вариант вывода представления товара в каталоге;
  • дополнительный блок на главной странице "Почему мы";
  • более акцентированный вывод блок "Подписка на новости";
  • специальный статический блок "Спецпредложения";
  • измененная страница товара - акцентирование на целевое действие - кнопка "Купить".

Заметка

1. Отображение главной страницы – две колонки.
2. Стиль отображения меню – современный.
3. Расположение поиска – верхнее меню.
4. Статический блок «Преимущества на главной».

 

Блок "Преимущества на главной"

Шаблон "Alfa" - 5641
Рисунок 1.

Для редактирования блока, перейдите в раздел "Каналы продаж - Интернет-магазин - Статические блоки", найдите в списке блок с названием "Преимущества на главной" и с ключом доступа "AlfaMainAdvantages" (рис. 2), после чего перейдите в его редактирование:

Шаблон "Alfa" - 4469
Рисунок 2.

Нажмите на кнопку "Источник", чтобы перейти в редактирование HTML-кода (рис. 3):

Шаблон "Alfa" - 3610
Рисунок 3.

Теперь рассмотрим, какие параметры Вы можете изменять для настройки:

1) Заголовок блока (рис.4, п.1).

2) Адрес, где лежит изображение преимущества (рис.4, п.2).

3) Надпись преимущества (рис.4, п.3).

Шаблон "Alfa" - 8860
Рисунок 4.

 

Блок "Основные продукты на главной"

Шаблон "Alfa" - 2982
Рисунок 5.

Для редактирования блока, перейдите в раздел "Каналы продаж - Интернет-магазин - Статические блоки", найдите в списке блок с названием "Основные продукты на главной" и с ключом доступа "AlfaMainProduct" (рис. 6), после чего перейдите в его редактирование:

Шаблон "Alfa" - 6299
Рисунок 6.

Нажмите на кнопку "Источник", чтобы перейти в редактирование HTML-кода (рис. 7):

Шаблон "Alfa" - 2748
Рисунок 7.

Теперь рассмотрим, какие параметры Вы можете изменять для настройки:

1) Заголовок блока.

Шаблон "Alfa" - 7737
Рисунок 8.

2) Адрес, где лежит изображение баннера.

Шаблон "Alfa" - 9768
Рисунок 9.

3) Надпись на баннере при наведении.

Шаблон "Alfa" - 9911
Рисунок 10.

4) Цена на баннере

Шаблон "Alfa" - 1451
Рисунок 11.

5) Надпись на кнопке и ссылка, куда ведет кнопка

Шаблон "Alfa" - 8568
Рисунок 12.

 

Блок "Блок контактов в футере"

Шаблон "Alfa" - 7365
Рисунок 13.

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

Шаблон "Alfa" - 5641
Рисунок 14.

Нажмите на кнопку "Источник", чтобы перейти в редактирование HTML-кода (рис. 15):

Шаблон "Alfa" - 2799
Рисунок 15.

Теперь рассмотрим, какие параметры Вы можете изменять для настройки:

1) Строки с контактами (рис.16).

Шаблон "Alfa" - 1933
Рисунок 16.

2) Адрес, где лежит изображение баннера (рис.17).

Шаблон "Alfa" - 4973
Рисунок 17.

3) Стили для иконок контактов (рис.18).

Шаблон "Alfa" - 9324
Рисунок 18.

  • vertical-align - выравнивание картинки;
  • margin-right - отступ от картинки с правой стороны.

 

Блок картинки с сертификатом

Шаблон "Alfa" - 6718
Рисунок 19.

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

Шаблон "Alfa" - 2227
Рисунок 20.

Нажмите на кнопку "Источник", чтобы перейти в редактирование HTML-кода (рис. 21):

Шаблон "Alfa" - 8714
Рисунок 21.

В блоке редактируете картинки, а именно, меняете путь к картинке предварительно загрузив ее на сайт (рис.22).

Шаблон "Alfa" - 7543
Рисунок 22.

 

Баннер, единый для всех товаров

Шаблон "Alfa" - 6889
Рисунок 23.

Для редактирования блока, перейдите в раздел "Каналы продаж - Интернет-магазин - Статические блоки", найдите в списке блок с названием "Баннер, единый для всех товаров" и с ключом доступа "AlfaBannerDetails" (рис. 24), после чего перейдите в его редактирование:

Шаблон "Alfa" - 8942
Рисунок 24.

В редакторе вписываете необходимый текст или размещаете изображение.

 

Измененная мобильная версия

1. Измененная панель меню (рис. 25).

Шаблон "Alfa" - 2508
Рисунок 25.

  • Меню - отображаются все пункты меню, указанные разделе "Каналы продаж - Интернет-магазин - Меню - Мобильное меню" (рис. 26).

Шаблон "Alfa" - 1594
Рисунок 26.

  • Каталог - в выпадающем списке выводятся все имеющиеся в магазине категории.
  • Иконка поиска - при нажатии на иконку поиска появляется строка для ввода необходимого значения для поиска (рис. 27).

Шаблон "Alfa" - 9059
Рисунок 27.

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

2. Расположение карточек товара - стандартное расположение карточек товара плиткой по 2 товара в строке (рис. 28).

Шаблон "Alfa" - 3359
Рисунок 28.

Также можно изменить расположение товаров на "Список" (рис. 29) в клиентской части, либо в панели администрирования в разделе "Каналы продаж - Интернет-магазин - Параметры магазина", вкладка "Каталог товаров". При этом товары на главной (новинки, хиты) так же будут отображаться в виде плитки.

Шаблон "Alfa" - 1270
Рисунок 29.

3. Карточка товара.

Более широкая кнопка "Добавить" (рис. 30).

Шаблон "Alfa" - 5343
Рисунок 30.

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

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

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

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

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

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

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

Тэги: шаблон, Альфа, alfa, fkmaf