Шаблон "МайлО"

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

• Блок "Баннер на главной справа от слайдера"
• Блок "Баннер на главной снизу от слайдера"
• Блок мы в соц. сетях

Внимание!

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

 Блок "Баннер на главной справа от слайдера"

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

Баннер на главной странице шаблона "МайлО" имеет особенность -  он настраивается в статическом блоке, а не в разделе "CMS - Карусель".

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

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

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

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

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

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

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

2) Короткая надпись большими буквами

Рисунок 5. Отображение надписи в клиентской части.

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

3) Стили для короткой надписи большими буквами

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

За редактирование стиля отвечает атрибут style.

Параметры:

font-size задает размер шрифта,

line-height - размер строки,

font-family - список шрифтов,

letter-spacing - расстояние между буквами в тексте,

color - цвет.

4) Более длинная надпись маленькими буквами

Рисунок 8. Отображение надписи в клиентской части.

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

5) Стили для длинной надписи маленькими буквами

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

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

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

Блок "Баннер на главной снизу от слайдера"

Рисунок 12. Баннер под слайдером.

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

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

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

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

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

1) Главная надпись большими буквами

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

3) Надпись под главной маленькими буквами

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

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

Блок мы в соц. сетях

Рисунок 16. Блок мы в соц. сетях.

Для редактирования блока перейдите в раздел "CMS - Статические блоки", найдите в списке блок с названием "Блок мы в соц. сетях" и с ключом доступа "slider-banner-main-bottom" (рис. 17), после чего перейдите в его редактирование:

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

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

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

Возможно произвести изменение параметров (рис.19) :

1) Стиль написания текста названия блока

2) Название блока

3) Ссылка соцсети, на которую ведёт изображение

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

5) Стили для изображения

Рисунок 19. Редактирование возможных параметров.

Готово. Мы рассмотрели основные статические блоки для шаблона "МайлО".