Шаблон "Lily"

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

• Блок "СБ слева от карусели"
• Блок "СБ справа от карусели"
• Блок "СБ над продуктами на главной"
• Блок "СБ под продуктами на главной"

Внимание!

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

 

Блок "СБ слева от карусели"

Рисунок 1. Блок слева от карусели.

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

Рисунок 2. Редактирование блока.

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

Рисунок 3. Режим "Источник".

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

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

Рисунок 4. Редактирование ссылки.

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

Рисунок 5. Редактирование адреса изображения.

 

Блок "СБ справа от карусели"

Рисунок 6. Блок справа от карусели.

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

Рисунок 7. Редактирование блока.

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

Рисунок 8. Режим "Источник".

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

1) Цвет фона при наведении

Рисунок 9. Редактирование цвета фона.

2) Стили надписи при наведении

Рисунок 10. Редактирование стилей надписи.

3) Стили для изменения кнопки, появляющейся при наведении

Рисунок 11. Редактирование стилей кнопки.

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

Рисунок 12. Редактирование адреса на изображение.

5) Ссылка куда ведёт кнопка и надпись на ней

Рисунок 13. Редактирование ссылки и надписи.

 

Блок "СБ над продуктами на главной"

Рисунок 14. Блок над продуктами на главной.

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

Рисунок 15. Редактирование блока.

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

Рисунок 16. Режим "Источник".

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

1) Стили для блока при наведении

Рисунок 17. Стили для блока при наведении.

2) Стили для надписи на баннере при наведении

Рисунок 18. Стили для надписи на баннере.

3) Стили для изменения кнопки, появляющейся при наведении

Рисунок 19. Стили для изменения кнопки.

4) Стили для 1-3 пунктов, в зависимости от баннера к которому относится

Рисунок 20. Стили для первых трех пунктов соответствующих баннеров.

5) Классы баннеров для 4 пункта

Рисунок 21. Классы баннеров.

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

Рисунок 22. Редактирование адреса на изображение.

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

Рисунок 23. Редактирование надписи.

8) Ссылка куда ведёт кнопка и надпись на ней

Рисунок 24. Редактирование надписи на кнопке.

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

Рисунок 25. Редактирование надписи на кнопке.

 

Блок "СБ под продуктами на главной"

Рисунок 26. Блок под продуктами на главной.

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

Рисунок 27. Редактирование блока.

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

Рисунок 28. Режим "Источник".

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

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

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

2) Стили для ссылки

Рисунок 30. Редактирование стилей на ссылки

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

Рисунок 31. Редактирование адреса на изображение.

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