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

Шаблон "Drive"

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

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

Внимание!

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

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

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

Заметка

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

 

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

Шаблон "Drive" - 2883
Рисунок 1. 

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

Шаблон "Drive" - 3292
Рисунок 2.

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

Шаблон "Drive" - 1007
Рисунок 3.

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

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

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

 

Меню в футере, мобильная версия (шаблон Drive)

Шаблон "Drive" - 9826
Рисунок 4.

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

Шаблон "Drive" - 6072
Рисунок 5.

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

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

Шаблон "Drive" - 1984
Рисунок 6.

Вы можете размещать свои пункты меню, добавлять любое количество пунктов, скопировав строчку от <div> и до </div>

Заменяете наименование пункта меню и меняете ссылку.

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

Вместо "#" в кавычках Вы указываете путь, куда клиент должен переходить при нажатии на пункт меню.

Блок в выезжающем меню, мобильная версия (шаблон Drive)

Шаблон "Drive" - 3345
Рисунок 7.

Для редактирования блока перейдите в раздел "Мои сайты" - "Страницы и блоки", найдите в списке блок с названием "Блок в выезжающем меню, мобильная версия (шаблон Drive)" и с ключом доступа "DriveMobileSidebarBlock" (рис. 8) после чего перейдите в его редактирование.

Шаблон "Drive" - 8231
Рисунок 8.

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

Шаблон "Drive" - 1852
Рисунок 9.

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

Вы можете изменить email и после mailto поставьте также свой email (рис.9, цифра 2).

Далее поменяйте номера телефонов (рис.9, цифра 3).

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

Вместо "#" в кавычках вы указываете путь, куда клиент должен переходить при нажатии на текст или иконку.

Если какие-то иконки не нужны, удалите их.

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

Шаблон "Drive" - 9001
Рисунок 10.

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

Шаблон "Drive" - 1438
Рисунок 11.

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

Шаблон "Drive" - 8783
Рисунок 12.

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

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

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

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

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

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

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

Шаблон "Drive" - 7277
Рисунок 13.

Шаблон "Drive" - 5893
Рисунок 14.

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

Шаблон "Drive" - 7336
Рисунок 15.

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

Шаблон "Drive" - 6445
Рисунок 16.

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

Шаблон "Drive" - 3325
Рисунок 17.

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

Шаблон "Drive" - 2892
Рисунок 18.

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

Шаблон "Drive" - 5451
Рисунок 19.

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

Шаблон "Drive" - 4071
Рисунок 20.

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

Шаблон "Drive" - 7044
Рисунок 21.

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

Шаблон "Drive" - 7136
Рисунок 22.

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

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

Шаблон "Drive" - 1763
Рисунок 23.

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

Шаблон "Drive" - 1543
Рисунок 24.

 

Мобильная версия

Главная особенность мобильной версии, что находится в данном шаблоне, это возможность просматривать фотографии товара в увеличенном виде при нажатии на неё.

Добавлена кнопка "Наверх" в мобильной версии (рис.25).

Шаблон "Drive" - 1671
Рисунок 25.

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

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

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

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

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

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

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

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

Тэги: template, Drive, шаблоны, драйв, lhfqd

Мы используем cookies. Подробнее...
0