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

Шаблон "Joy"

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

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

Настройки шаблона

Внимание!

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

 

Горизонтальный блок слева от "Успей купить" большой (Шаблон Joy)

Горизонтальный блок слева
Рисунок 1. Горизонтальный блок слева от "Успей купить" большой .

Для редактирования блока перейдите в раздел "CMS - Статические блоки", найдите в списке блок с названием "Горизонтальный блок слева от "Успей купить" большой" с ключом доступа " JoyBannerByIntimeBig", после чего перейдите в его редактирование (рис. 2) и нажмите на иконку загрузки изображения;

Изображения.
Рисунок 2.

 

Вертикальный блок справа от "Успей купить" малый (Шаблон Joy)

Шаблон "Joy" - 8998
Рисунок 3. Вертикальный блок справа от "Успей купить" малый (Шаблон Joy)

Для редактирования блока перейдите в раздел "Каналы продаж" - "Интернет-магазин" - "Статические блоки", найдите в списке блок с названием "Вертикальный блок справа от "Успей купить" малый (Шаблон Joy)" с ключом доступа "JoyBannerByIntimeSmall" (рис. 4), после чего перейдите в его редактирование:

Шаблон "Joy" - 3161
Рисунок 4.

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

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

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

1) Здесь можете указать вместо знака "#" ссылку на страницу, куда будет осуществляться переход при нажатии на блок изображения;

2) Указывается путь, где расположено изображение на сервере, которое будет отображаться в данном блоке;

3) Элемент стиля для данного блока.В данном случае указано свойство радиуса и его значение, т.е. округление углов в объекте.

"Текст между товарами и новостями (Шаблон Joy)"

Шаблон "Joy" - 4451
Рисунок 6.

Для редактирования блока перейдите в раздел "Каналы продаж" - "Интернет-магазин" - "Статические блоки", найдите в списке блок с названием "Текст между товарами и новостями (Шаблон Joy)" с ключом доступа "JoyOnMain" (рис. 7), после чего перейдите в его редактирование:

Шаблон "Joy" - 9886
Рисунок 7.

При редактировании даннного блока (рис. 7), открывается окно, где можете внести следующие изменения:

1) Здесь можете указать вместо знака "#" ссылку на страницу, куда будет осуществляться переход при нажатии на блок изображения;

2) Указывается путь, где расположено изображение на сервере, которое будет отображаться в данном блоке;

Шаблон "Joy" - 1490
Рисунок 8.

"Малый блок под каруселью 1, Малый блок под каруселью 2, Малый блок под каруселью 3 (Шаблон Joy)"

Шаблон "Joy" - 1769
Рисунок 9. Малый блок под каруселью 1, Малый блок под каруселью 2, Малый блок под каруселью 3 (Шаблон Joy)

Для редактирования данных блоков перейдите в раздел "Каналы продаж" - "Интернет-магазин" - "Статические блоки", найдите в списке блоки с названием "Малый блок под каруселью 1" с ключом доступа "JoySmallStatic1" , Малый блок под каруселью 2" с ключом доступа "JoySmallStatic2", Малый блок под каруселью 3" с ключом доступа "JoySmallStatic3" (рис. 10), после чего перейдите в их редактирование:

Шаблон "Joy" - 3658
Рисунок 10.

Объединим данные блоки в один, так как отображение и стили статических блоков Малый блок под каруселью 2 и Малый блок под каруселью 3, зависит от статического блока Малый блок под каруселью 1.

В режиме Источник данного блока указаны стили, которые применяются не только к первому блоку, но и к двум другим.

Шаблон "Joy" - 6319
Рисунок 11.

Теперь рассмотрим, какие параметры Вы можете изменять для настройки данных блоков (рис. 11):

1) Вместо знака "#" указывается адрес ссылки на страницу, куда будет осуществляться переход при нажатии на изображение;

2) Указывается путь к изображению на сервере, которое будет отображаться в данном блоке;

3) Указан код стилей css, который расположен только в первом блоке, но он применяется ко всем трём. Данный код отвечает за анимацию при наведении на изображение.

Внимание

Если удалить данный код из css стилей или отключить активность у блока Малый блок под каруселью 1, то анимация не будет работать на других изображениях в блоках.

Настройки шаблона

Отдельные настройки для шаблона Joy находятся в разделе "Каналы продаж" - "Интернет-магазин" - "Параметры магазина" - вкладка "Прочее"(рис. 12);

Шаблон "Joy" - 6189
Рисунок 12.

Рассмотрим подробнее описание каждой настройки (рис. 13):

Шаблон "Joy" - 8963
Рисунок 13.

1) Количество категорий в гл.меню

Данный функционал отвечает за количество отображения категорий в главном меню (рис. 14);

Изображения.
Рисунок 14.

2) Отображать меню возле карусели на главной

Данный функционал отвечает за режим представления элементов меню как в двухколоночном.

Если убрать галочку, то отображение будет как одноколоночное (рис. 15);

Изображения.
Рисунок 15.

Остальные категории можно просмотреть нажав на "Смотреть все категории".

3) Вывод меню в фиксированной шапке. 

Имеется настройка, которая включает или отключает вывод меню в фиксированной шапке.

Если не установить галочку, то будет отображаться фиксированное меню без категорий (рис. 16);

Изображения.
Рисунок 16.

Если же установить галочку напротив Выводить меню, то в этом случае в шапке будут отображаться категории при прокрутке вниз (рис. 17);

Изображения.
Рисунок 17.

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

При активности данной галочки, в карточке товара отображается не стандартное название рубля Руб, а знак рубля (рис. 18);

Изображения.
Рисунок 18.

5) Отображать рейтинг в представлении товара относится к отображению в превью товара. 

То есть имеется возможность как включить отображение рейтинга так и отключить (рис. 19);

Изображения.
Рисунок 19.

6) Отображать свойства в представлении товара.

В режиме представления превью товара имеется возможность выводить свойства (рис. 20);

Изображения.
Рисунок 20.

7) Отображать поле для ввода количества в карточке товара.

Указанный функционал реализует возможность указывать или нет поле для ввода количества товара (рис. 21);

Изображения.
Рисунок 21.

В данной статье мы рассмотрели блоки шаблона "Joy" и его настройки.

Всё готово.

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

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

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

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

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

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

Тэги: template, Joy, шаблоны, joy,джой

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