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

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

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

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

Внимание!

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

 

 Блок "Баннер на главной справа от слайдера (Шаблон Mailo)"

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

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

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

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

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

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

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

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

Короткая надпись большими буквами (рис.5 - 6).

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

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

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

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

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

Параметры:

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

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

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

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

color - цвет.

Более длинная надпись маленькими буквами (рис.8 - 9).

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

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

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

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

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

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

 

Блок "Баннер на главной снизу от слайдера (Шаблон Mailo)"

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

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

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

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

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

 Для настройки данного блока изменяются:

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

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

 

Блок методов оплаты в футере (Шаблон Mailo)

Шаблон "МайлО" - 3885
Рисунок 16.

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

Шаблон "МайлО" - 3605
Рисунок 17.

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

Шаблон "МайлО" - 6592
Рисунок 18.

В шаблоне таким образом будет два блока с иконками методов оплаты, стандартный блок не относящийся к шаблону нужно отключить, для этого перейдите в раздел "Дизайн" - "Страницы и блоки" - "Блоки", найдите в списке блок с названием "Правая часть подвала" и с ключом доступа "RightBottom" отключите активность в столбце актив.

Внимание!

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

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

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

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

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

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

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

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

Тэги: шаблон, майлО, майло, баннер, оформление, templates, Оформление блоков на главной странице

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