Шаблон "Lily"

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

• "Блок слева от карусели. Для 1-колоночного варианта. (Шаблон Лили)"
• "Блок справа от карусели (Шаблон Лили)"
• "Блок над продуктами на главной (Шаблон Лили)"
• "Блок под продуктами на главной (Шаблон Лили)"

Внимание!

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

"Блок слева от карусели. Для 1-колоночного варианта. (Шаблон Лили)"

Рисунок 1

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

Рисунок 2.

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

Рисунок 3.

Для настройки баннера на главной странице изменяем ссылку, на которую ведёт баннер (рис.4 п.1) и адрес, где лежит изображение баннера (рис.4 п.2).

Рисунок 4.

"Блок справа от карусели (Шаблон Лили)"

Рисунок 5.

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

Рисунок 6.

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

Рисунок 7.

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

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

Рисунок 8.

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

Рисунок 9.

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

Рисунок 10.

Адрес, где лежит изображение баннера (рис.11 п.1), ссылка куда ведёт кнопка и надпись на ней (рис.11 п.2,3).

Рисунок 11.

"Блок над продуктами на главной (Шаблон Лили)"

Рисунок 12.

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

Рисунок 13.

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

Рисунок 14.

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

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

Рисунок 15.

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

Рисунок 16.

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

Рисунок 17.

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

Рисунок 18.

Адрес, где лежит изображение баннера (рис.19 п.1), надпись на баннере при наведении (рис.19 п.2), ссылка куда ведёт кнопка и надпись на ней (рис.19 п.3).

Рисунок 19.

Внимание!

Раздел "Скидка на главной" выводится слева от описанного блока, если товаров со скидкой нет, то блок занимает всю ширину сайта

"Блок под продуктами на главной (Шаблон Лили)"

Рисунок 20.

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

Рисунок 21.

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

Рисунок 22.

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

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

Рисунок 23.

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

Рисунок 24.

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

Рисунок 25.

Внимание!

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

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