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

Шаблон "Lily"

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

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

Внимание!

Шаблон 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".

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

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

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

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

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

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

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

Мы используем cookies. Подробнее...