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

Шаблон "Arbuzzz"

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

В данной статье рассмотрим оформление блока "Баннер под продуктами на главной" в шаблоне "Arbuzzz".

Внимание!

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

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

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

Баннер на главной странице шаблона Arbuzzz имеет особенность - он настраивается в статическом блоке.

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

Шаблон "Arbuzzz" - 5700
Рисунок 2.

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

Шаблон "Arbuzzz" - 1146
Рисунок 3.

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

1)  Путь к изображениям. Необходимо прописать свое значение в теге <img alt="Alternate Text" src="путь изображения" /></div>(рис. 4 - 5)

Шаблон "Arbuzzz" - 5860
Рисунок 4.

Шаблон "Arbuzzz" - 7297
Рисунок 5.

2) Заголовок и стили раздела. Изменения заголовка необходимо прописывать в теге <h2 style="font-size: 35px;line-height: 47px;font-family:GothamPro Medium;">Загловок</h2> (рис. 7)

Шаблон "Arbuzzz" - 9138
Рисунок 6.

Шаблон "Arbuzzz" - 1933
Рисунок 7.

3) Краткое описание блока и стили описания. Изменение описания необходимо производить в теге <p style="font-size: 18px;">Описание</p>, стиль прописывается внутри style (рис.9).

Шаблон "Arbuzzz" - 2319
Рисунок 8.

Шаблон "Arbuzzz" - 7025
Рисунок 9.

4) Название кнопки,ее стили и ссылка, куда осуществляется переход при клике. Название кнопки прописывается внутри тега:

<a class="btn-static" href="" style="display: block;width: 112px;text-align: center;transition: .4s all ease-out;background: #fff;color: #827976;border: 2px solid #e1e1e1;will-change: transform;font-size: 13px;-webkit-box-shadow: 0 3px 29px 0 rgba(0,0,0,.09);box-shadow: 0 3px 29px 0 rgba(0,0,0,.09);padding: 20px 25px;border-radius: 30px !important;font-family:GothamPro Medium;font-size: 13px;text-transform: uppercase;">Название кнопки</a>

Ссылка указывается внутри команды href="", стили радактируются внутри style (рис. 11).

Шаблон "Arbuzzz" - 8381
Рисунок 10.

Шаблон "Arbuzzz" - 9218
Рисунок 11.

Внимание!

Шаблон Arbuzzz имеет только одноколоночное представление.

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

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

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

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

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

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

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

Тэги: шаблон, арбуз, Arbuzzz, блок под продуктами

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