Шаблон "Keks"

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

• Особенности шаблона "Keks"
• Блок "Основной баннер на главной"
• Блок "Преимущества на главной"
• Блок "Основные продукты на главной"
• Блок "Контакты в футере"
• Блок "Обратная связь на главной"
• Блок "Обратная связь в футере"

 

Внимание!

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

 

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

Главная страница шаблона представлена в виде Лендинга. Переход к каталогу товаров осуществляется через меню (рис. 1).

Рисунок 1.

Основной вариант представления шаблона - одноколоночный.

Внимание!

При установке шаблона "Keks" стандартную карусель необходимо отключить (для соответствия с шаблоном).

 

Блок "Основной баннер на главной" 

Рисунок 2.

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

Рисунок 3.

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

Рисунок 4.

Теперь рассмотрим, какие параметры Вы можете изменять для настройки баннера на главной странице.

1)  Класс, необходимый для работы скрипта. Указывается для каждого анимированного слоя

Рисунок 5.

2) Стили отображения каждого слоя

Рисунок 6.

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

Рисунок 7.

4) Надписи слева и справа (по три на каждой стороне)

Рисунок 8.

5) Новая и старая цена

Рисунок 9.

6) Надпись на кнопке и ссылка, которая идет с нее

Рисунок 10.

7) Основная надпись внизу

Рисунок 11.

8) Расстояние, на которое могут двигаться слои по горизонтали и вертикали 

Рисунок 12.

 

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

Рисунок 13.

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

Рисунок 14.

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

Рисунок 15.

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

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

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

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

Рисунок 16.

 

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

Рисунок 17.

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

Рисунок 18.

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

Рисунок 19.

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

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

Рисунок 20.

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

Рисунок 21.

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

Рисунок 22.

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

Рисунок 23.

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

Рисунок 24.

 

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

Рисунок 25.

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

Рисунок 26.

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

Рисунок 27.

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

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

Рисунок 28.

2) Ссылка, на которую ведет баннер

Рисунок 29.

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

Рисунок 30.

 

Блок "Обратная связь на главной"

Рисунок 31.

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

Рисунок 32.

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

Рисунок 33.

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

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

Рисунок 34.

2) Надпись в поле для имени, которую видит клиент

Рисунок 35.

3) Надпись в поле телефона, которую видит клиент

Рисунок 36.

4) Надпись в поле для комментария, которую видит клиент

Рисунок 37.

 

Внимание!

По умолачинию в поле комментария указан e-mail, именно он и будет передаваться в поле для комментария. Если необходимо, чтобы в поле комментария передавался текст, необходимо в строке type изменить значение с type="email" на type="text".

5) Атрибут  required используется для того, чтобы поля были обязательными для заполнения. Если нет необходимости, чтобы поле было обязательным, необходимо удалить required=" " целиком из строчки.

Рисунок 38.

6) Надпись на кнопке

Рисунок 39.

7) Надпись или картинка, которая появляется после успешной отправки данных в лиды

Рисунок 40.

8) Стили для оформления блока надписи (картинки) успешной отправки данных в лиды

Рисунок 41.

 

Блок "Обратная связь в футере"

Рисунок 42.

 

Внимание!

Для того, чтобы блоки с обратной связью были доступны, необходимо, чтобы статические блоки "KeksMainCallback" и "KeksFooterCallback" были активны и был установлен модуль "Обратный звонок".

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

Рисунок 43.

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

Рисунок 44.

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

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

Рисунок 45.

2) Надпись в поле для имени, которую видит клиент

Рисунок 46.

3) Надпись в поле телефона, которую видит клиент

Рисунок 47.

4) Надпись в поле для комментария, которую видит клиент

Рисунок 48.

 

Внимание!

По умолачинию в поле комментария указан e-mail, именно он и будет передаваться в поле для комментария. Если необходимо, чтобы в поле комментария передавался текст, необходимо в строке type изменить значение с type="email" на type="text".

5) Атрибут  required используется для того, чтобы поля были обязательными для заполнения. Если нет необходимости, чтобы поле было обязательным, необходимо удалить required=" " целиком из строчки.

Рисунок 49.

6) Надпись на кнопке

Рисунок 50.

7) Надпись или картинка, которая появляется после успешной отправки данных в лиды

Рисунок 51.

8) Стили для оформления блока надписи (картинки) успешной отправки данных в лиды

Рисунок 52.

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