Шаблон "Lily"

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

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

Внимание!

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

 

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

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

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

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

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

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

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

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

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

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

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

 

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

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

Для редактирования блока перейдите в раздел "Каналы продаж-> Интернет-магазин - Статические блоки", найдите в списке блок с названием "СБ справа от карусели" и с ключом доступа "LilySBCarouselRight" (рис. 7), после чего перейдите в его редактирование:

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

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

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

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

1) Цвет фона при наведении (рис. 9)

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

9) Надпись на кнопке из предыдущего пункта (рис. 25)

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

 

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

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

Для редактирования блока перейдите в раздел "Каналы продаж-> Интернет-магазин - Статические блоки", найдите в списке блок с названием "СБ под продуктами на главной" и с ключом доступа "LilySBunderMainPageProducts" (рис. 27), после чего перейдите в его редактирование:

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

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

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

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

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

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

2) Стили для ссылки (рис. 30)

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

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

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

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