Баннеры и изображения категорий каталога

Тема Seller 2.0 поддерживает интеграцию с плагином Изображения для категорий (ewshopcimg), который позволяет загружать изображения для категорий магазина и использовать их в различных местах сайта.

Ссылка на плагин

Как это работает

Тема получает изображения через хелперы плагина:

{$image = $wa->shop->ewshopcimgPlugin->getImage($category["id"], "category_banner", "1504x204")}

Первый аргумент — id категории, второй — группа изображений в плагине, третий — размер миниатюры.

Группы изображений

Группа	Назначение	Размер запроса
`default`	Картинки категорий в меню каталога, навигации шапки и блоках категорий на главной	квадратные: от 24x24 до 300x300 в зависимости от места
`category_banner`	Баннер в категории (десктоп)	1504x204 (retina 3008x408)
`category_banner_mobile`	Баннер в категории (мобильный)	735x240
`sidebar_banner`	Баннер в сайдбаре категории	ширина 260 px (retina x2)
`catalog_banner`	Баннер в выпадающем каталоге	ширина 250 px (retina x2)

Настройки плагина Изображения категорий

Адаптивные изображения

Баннер в категории выводится через <picture>: контейнер имеет пропорции aspect-[735/240] на мобильных и md:aspect-[1504/204] на десктопе. Загружайте отдельные изображения для десктопной версии (группа category_banner) и мобильной версии (группа category_banner_mobile) — тема автоматически подставит нужное изображение в зависимости от размера экрана. Если мобильное изображение не загружено, на всех экранах используется десктопное.

Дополнительные параметры категории

Ссылка, alt-текст и данные рекламной маркировки задаются через дополнительные параметры категории.

Баннер в категории

category_banner_link=https://example.com/
category_banner_title=Описание баннера
category_banner_advertiser_name=ООО «Рекламодатель»
category_banner_erid=2VtzqxAbCdE

Баннер в сайдбаре

category_sidebar_banner_link=https://example.com/
category_sidebar_banner_title=Описание баннера
category_sidebar_banner_advertiser_name=ООО «Рекламодатель»
category_sidebar_banner_erid=2VtzqxAbCdE

Баннер в выпадающем каталоге

catalog_banner_title=Описание баннера

Рекламная маркировка

Если у баннера заполнены оба параметра — *_advertiser_name и *_erid — тема выводит поверх баннера бейдж «Реклама» с всплывающей подсказкой, содержащей название рекламодателя и токен erid. Положение бейджа на баннере категории задается настройкой темы в разделе медиа-баннеров.

Настройки картинок в меню

Вывод картинок категорий в навигации шапки управляется настройками темы. Настройки задаются отдельно для каждой части шапки — Верхняя часть шапки, Средняя часть шапки, Нижняя часть шапки, Фиксированная шапка — и действуют только на навигацию своей части. Идентификаторы отличаются префиксом:

Настройка	Название	По умолчанию
`header__top_navigation_images` / `header__middle_navigation_images` / `header__bottom_navigation_images` / `header__fixed_navigation_images`	Отображение картинок в меню	включено
`header__top_navigation_images_size` / `header__middle_navigation_images_size` / `header__bottom_navigation_images_size` / `header__fixed_navigation_images_size`	Размер картинок (формат ШxВ, например 24x24, 32x32, 64x64)	24x24
`header__top_navigation_images_group` / `header__middle_navigation_images_group` / `header__bottom_navigation_images_group` / `header__fixed_navigation_images_group`	Группа изображений (ID группы из плагина)	default

Значения по умолчанию у всех четырёх частей одинаковы. Если включить картинки только в верхней части шапки, в меню средней, нижней или фиксированной части они не появятся — настройку нужно включить в той части, где выводится нужная навигация.

Группа default есть в настройках плагина по умолчанию — для базового сценария ничего дополнительно создавать не нужно.

Изображения категорий