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

Шаблон "ZEN"

Актуально для версии магазина: 6.0

Внимание!

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

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

Особенности шаблона “Zen”

  • стильный и минималистичный дизайн
  • акцент сделан на главную страницу
  • крупные фотографии в карусели на главной странице (см. рис 1)


Рисунок 1

  • плавное выделение товара, при наведении на него курсора мыши(см. рис 2)


Рисунок 2

Статические блоки на главной странице

В шаблоне ZEN появилось возможность дополнительно размещать информацию на главной странице магазина, с помощью таких статических блоков как:

  • [Citizenry] Статический блок на главной внизу (см. рис 3)


Рисунок 3

  • [Citizenry] 2 Статический блок на главной внизу(см. рис 4)


Рисунок 4

  • [Citizenry] Блок над футером на главной(см. рис 5)


Рисунок 5

Данные блоки можно редактировать в разделе “CMS - Статические блоки” (см. рис 6)


Рисунок 6

При редактировании данных статических блоков Вы также можете:

Разберем каждый пункт подробнее.

Изменение цвета фона

Для того, чтобы изменить цвет фона у статического блока, перейдите в редактирование блока - режим “Источник” (см. рис 7)


Рисунок 7

Далее необходимо найти следующую строку кода, которая отвечает за цвет фона статического блока (см. рис 8)


Рисунок 8

background-color: #f8f8f8 - значение #f8f8f8 необходимо изменить на необходимый цвет и сохранить изменения.

Контактные данные

Контактные данные Вы можете указать в статическом блоке [Citizenry] Блок над футером на главной. Перейдите в редактирование блока - режим “Источник”, далее необходимо найти следующие строки (см. рис 9)


Рисунок 9

<div class="mainpage-footer-block-contacts_tel">+7 800 000 90 01</div> - отвечает за номер телефона

<div class="mainpage-footer-block-contacts_mail"><a href="mailto:">info@advantshop.ru</a></div> - отвечает за e-mail

Ссылки на социальные сети

Ссылки на социальные сети Вы можете указать в статическом блоке [Citizenry] Блок над футером на главной. Перейдите в редактирование блока - режим “Источник”, далее необходимо найти следующие строки см.(см. рис 10)


Рисунок 10

В данном коде нужно изменить ссылки на социальные сети, а именно (см. рис 11)


Рисунок 11

Рекомендуемые размеры изображений

Товар. Большая фотография - 1600х2200

Товар. Средняя фотография - 620х650

Товар. Маленькая фотография - 250х360

Товар. Самая маленькая фотография 140х140

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

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

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

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

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

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

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

Тэги: template, шаблоны, zen, оформление, редактирование шаблона zen, шаблон