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

Шаблон "Lily"

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

В данной статье рассмотрим настройку оформления блоков на главной странице сайта в шаблоне "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".

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

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

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

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

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

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

Тэги: template, шаблоны, lily, лили, лилу, лилии, оформление, оформление блока, баннер, редактирование шаблона, редактирование блоков, блоки на главной в шаблоне, блок слева,лили, шаблон лили, блок справа, блок слева,лилу