Шаблон "Moloko"

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

• Блок "Большие баннеры на главной (Шаблон Moloko)"
• Блок "Маленькие баннеры на главной (Шаблон Moloko)"
• Блок "Преимущества на главной (Шаблон Moloko)"
• Блок "Статьи на главной (Шаблон Moloko)"
• Блок "Время работы над телефоном (Шаблон Moloko)"

Внимание! 

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

 

Блок "Большие баннеры на главной (Шаблон Moloko)"

Рисунок 1.

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

Рисунок 2.

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

Рисунок 3.

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

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

Рисунок 4.

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

Рисунок 5.

 

Блок "Маленькие баннеры на главной (Шаблон Moloko)"

Рисунок 6.

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

Рисунок 7.

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

Рисунок 8.

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

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

Рисунок 9.

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

Рисунок 10.

 

Блок "Преимущества на главной (Шаблон Moloko)"

Рисунок 11. 

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

Рисунок 12.

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

Рисунок 13.

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

Ссылка, куда ведёт преимущество (рис.14).

Рисунок 14.

Стили для блока преимущества (высота) (рис.15).

Рисунок 15.

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

Рисунок 16.

Стили для надписи преимущества (рис.17).

Рисунок 17.

Надпись преимущества (рис.18).

Рисунок 18. 

 

Блок "Статьи на главной (Шаблон Moloko)"

Рисунок 19.

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

Рисунок 20. 

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

Рисунок 21..

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

Стили для заднего фона блока (цвет, отступы) (рис.22).

Рисунок 22.

Главная надпись и её стили (рис.23).

Рисунок 23.

Ссылка категории новостей, на которую ведёт кнопка (рис.24).

Рисунок 24.

Кнопка, которая ведет в категорию новостей, её стили и надпись (рис.25).

Рисунок 25.

Стили блока с "большой" статьёй (рис.26).

Рисунок 26.

Ссылка на страницу, на которую ведёт статья (рис.27).

Рисунок 27.

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

Рисунок 28.

Дата и название статьи (рис.29).

Рисунок 29.

 

Блок "Время работы над телефоном (Шаблон Moloko)"

Рисунок 30.

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

Рисунок 31.

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

Рисунок 32.

Можно изменить стили для блока и надписи (рис.33 п.1), а также саму надпись (рис.33 п.2).

Рисунок 33.

Внимание!

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

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