Шаблон "Drive"

В данной статье рассмотрим настройку оформления блоков в шаблоне "drive" и особенности шаблона.

Внимание!

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

Статические блоки

• Блок в оформлении заказа (шаблон Drive)
• Блок на главной (шаблон Drive)

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

• Особенности шаблона
• Карточка товара

Заметка

Стиль отображения меню - Аккордеон
Рекомендуемое количество товаров в строке на главной: максимально 3
Рекомендуемое количество товаров в строке в каталоге: максимально 3
Модуль “Успей купить” - выводить горизонтально
Десять вариантов цветовых схем с градиентом

Блок в оформлении заказа (шаблон Drive)

Рисунок 1. 

Для редактирования блока перейдите в раздел "Мои сайты" - "Страницы и блоки", найдите в списке блок с названием "Статический блок в оформлении заказа (шаблон Drive)" и с ключом доступа "DriveCheckoutInfo", после чего перейдите в его редактирование (рис.2)

Рисунок 2.

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

Рисунок 3.

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

1 - Изображение, путь к изображению, вы можете поменять данный путь (предварительно загрузив изображение на сайт);

2 - Заголовок.

Статический блок на главной (шаблон Drive)

Рисунок 4.

Для редактирования блока перейдите в раздел "Мои сайты" - "Страницы и блоки", найдите в списке блок с названием "Статический блок на главной (шаблон Drive)" и с ключом доступа "Home_Statick_Block" (рис. 5) после чего перейдите в его редактирование:

Рисунок 5.

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

Рисунок 6.

Теперь рассмотрим, какие параметры вы можете изменять:

Вы можете изменить текст на баннере (рис.6, цифра 2,3).

Далее можете изменить сам баннер (предварительно картинку нужно загрузить на сайт) (рис.6, цифра 4).

И проставьте ссылку, куда клиент должен переходить при нажатии баннер.
Ссылка формируется следующим образом: <a href="#">текст</a>

Вместо "#" в кавычках вы указываете путь.

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

Авторизация пользователей выведена во всплывающем окне (рис. 7, 8)

Рисунок 7.

Рисунок 8.

Блок Скидки и Хиты продаж представлены каруселью в правой части главной страницы (рис. 9)

Рисунок 9.

Корзина в шаблоне всплывающая и на всю высоту экрана в правой части сайта (рис. 10)

Рисунок 10.

Пункты меню каталога в левой части главной страницы разворачиваются при клике (рис. 11)

Рисунок 11.

Добавлена кнопка "В желаемое" (рис. 12)

Рисунок 12.

В представлении товара валюта обозначена символом российского рубля ( ₽ ) (рис. 13)

Рисунок 13.

Акцентно представлен блок "Подписка на новости" (рис. 14)

Рисунок 14.

Структурно изменен подвал сайта: главное меню и меню каталога перенесено в левую часть, добавлен логотип и блок с иконками соц.сетей (рис.15).

Рисунок 15.

Кнопка "наверх" перенесена в левую часть экрана (рис.16).

Рисунок 16.

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

Блоки "Описание", "Характеристики", "Отзывы" разворачиваются при клике (рис.17).

Рисунок 17.

Поля "Добавить в сравнение" и "Добавить в список желаний" расположены под кнопками "Добавить" и "Купить в один клик" (рис.18).

Рисунок 18.

В данной статье мы рассмотрели блоки шаблона "Drive" и его особенности.

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