Мастер-класс Быстрый запуск интернет-магазина

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

Шаблон "Keks"

Актуально для версии магазина: 6.0

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

 

Внимание!

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

 

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

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

Переход к каталогу товаров осуществляется через меню
Рисунок 1.

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

Внимание!

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

 

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

Блок "Основной баннер на главной"
Рисунок 2.

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

Найдите в списке блок с названием "Основной баннер на главной" и ключом доступа "KeksMainBanner"
Рисунок 3.

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

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

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

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

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

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

Стили отображения каждого слоя
Рисунок 6.

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

Адрес, где лежит изображение
Рисунок 7.

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

Надписи слева и справа (по три на кождой стороне)
Рисунок 8.

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

Новая и старая цена
Рисунок 9.

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

Надпись на кнопке и ссылка, которая идет с нее
Рисунок 10.

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

Основная надпись внизу
Рисунок 11.

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

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

 

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

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

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

Найдите в списке блок с названием "Преимущества на главной" и с ключом доступа "KeksMainAdvantages"
Рисунок 14.

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

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

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

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

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

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

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

 

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

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

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

Найдите в списке блок с названием "Основные продукты на главной" и с ключом доступа "KeksMainProduct"
Рисунок 18.

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

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

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

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

Заголовок блока
Рисунок 20.

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

Адрес, где лежит изображение баннера
Рисунок 21.

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

Надпись на баннере при наведении
Рисунок 22.

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

Цена на баннере
Рисунок 23.

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

Надпись на кнопке и ссылка, куда ведет кнопка
Рисунок 24.

 

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

Блок "Контакты в футере"
Рисунок 25.

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

Найдите в списке блок с названием "Блок контактов в футере" и с ключом доступа "KeksFooterContacts"
Рисунок 26.

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

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

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

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

Строки с контактами
Рисунок 28.

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

Ссылка, на которую ведет баннер
Рисунок 29.

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

Адрес, где лежит изображение баннера
Рисунок 30.

 

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

Блок "Обратная связь на главной"
Рисунок 31.

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

Найдите в списке блок с названием "Блок обратной связи на главной" и с ключом доступа "KeksMainCallback"
Рисунок 32.

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

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

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

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

Заголовок блока
Рисунок 34.

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

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

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

Надпись в поле телефона, которую видит клиент
Рисунок 36.

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

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

 

Внимание!

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

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

Атрибут  required используется для того, чтобы поля были обязательными для заполнения.
Рисунок 38.

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

Надпись на кнопке
Рисунок 39.

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

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

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

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

 

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

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

 

Внимание!

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

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

Найдите в списке блок с названием "Блок обратной связи в футере" и с ключом доступа "KeksFooterCallback"
Рисунок 43.

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

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

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

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

Заголовок блока
Рисунок 45.

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

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

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

Надпись в поле телефона, которую видит клиент
Рисунок 47.

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

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

 

Внимание!

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

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

Атрибут  required используется для того, чтобы поля были обязательными для заполнения
Рисунок 49.

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

Надпись на кнопке
Рисунок 50.

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

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

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

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

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

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

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

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

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

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

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

Тэги: шаблон, Кекс, keks, rtrc, template, редактирование шаблона, редактирование блоков