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

Шаблон "ZEN"

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

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

Внимание!

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

 

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

Стильный и минималистичный дизайн.

Акцент сделан на главную страницу.

Крупные фотографии в карусели на главной странице (рис 1).

Шаблон "ZEN" - 3168
Рисунок 1.

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

Шаблон "ZEN" - 1252
Рисунок 2.

 

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

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

"Статический блок на главной внизу 1(шаблон Zen)", ключ доступа: Mainpage-block1 (рис 3).

Шаблон "ZEN" - 7621
Рисунок 3.

 

"Статический блок на главной внизу 2(шаблон Zen)", ключ доступа: Mainpage-block2 ( рис 4).

Шаблон "ZEN" - 6318
Рисунок 4.

 

"Блок над футером на главной (шаблон Zen)", ключ доступа: Mainpage-footer-block (рис 5).

Шаблон "ZEN" - 1047
Рисунок 5.

Данные блоки можно редактировать в разделе "Дизайн" - "Страницы и блоки" - "Блоки" (рис 6).

Шаблон "ZEN" - 4420
Рисунок 6.

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

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

 

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

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

Шаблон "ZEN" - 1465
Рисунок 7.

Далее необходимо перед закрывающимся </style> добавить соответствующий блоку код:

Для блока "Статический блок на главной внизу 1(шаблон Zen)"

.mainpage-statick1::before {
    content: "";
    display: block;
    position: absolute;
    right: -999999px;
    left: -999999px;
    height: 100%;
    background-color: #f8f8f8;
    z-index: -1;
  }

Для блока "Статический блок на главной внизу 2(шаблон Zen)"

.mainpage-block2::before {
    content: "";
    position: absolute;
    left: -99999px;
    right: -999999px;
    bottom: 0;
    top: 0;
    background: #f8f8f8;
    z-index: -1;
}

Для блока "Блок над футером на главной (шаблон Zen)"

.mainpage-footer-block::before {
        content: "";
    display: block;
    position: absolute;
    right: -999999px;
    left: -999999px;
    height: 100%;
    background-color: #f8f8f8;
    z-index: -1;
  }

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

 

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

Контактные данные вы можете указать в статическом блоке "Блок над футером на главной (шаблон Zen)". Перейдите в редактирование блока - режим "Источник", далее необходимо найти следующие строки и заменить на свои данные (рис.8).

Шаблон "ZEN" - 7021
Рисунок 8.

 

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

Ссылки на социальные сети вы можете указать в статическом блоке "Блок над футером на главной (шаблон Zen)". Перейдите в редактирование блока - режим "Источник", далее необходимо найти следующие строки, вместо знака # указать ссылки на свои соц. сети (рис.9).

Шаблон "ZEN" - 7797
Рисунок 9.

 

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

Для изображений используйте указанные размеры:

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

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

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

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

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

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

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

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

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

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

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

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

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