112  /  544
Не хватает статьи или нашли ошибку? Выделите мышкой и нажмите Ctrl+Enter

Настройка пользовательского блока с товарами по фильтру

В решении, начиная с версии 2.4.0, появилась возможность добавлять пользовательский блок с товарами по фильтру на главную страницу. Добавляйте индивидуальные подборки популярных товаров, новинок и акций. Настраивайте их отображение, перемещайте в нужное место на главной и стимулируйте клиентов купить вашу продукцию.

Чтобы добавить пользовательские блоки с товарами, в административной части сайта перейдите в Контент (1) → Дополнительные блоки на главной (aspro.max) (2) → Дополнительные блоки на главной (3). В разделе уже будут созданы два дополнительных блока с товарами. Вы можете воспользоваться готовыми или создать новые.

В инфоблок «Дополнительные блоки на главной» можно добавлять разделы, которые будут соответствовать блоку главной страницы в виджете и админке. Здесь можно добавить новый раздел (1), а также редактировать (2) и удалять (3) существующие при нажатии на «Гамбургер».

В этих разделах можно создавать элементы, которые будут соответствовать типам отображения дополнительного блока. Здесь можно добавить новый элемент (1). Когда элементы уже созданы, их можно изменить (2), деактивировать (3) и удалить (4) при нажатии на «Гамбургер».

Рассмотрим процесс на примере создания дополнительного блока на основе «Каталог». Сначала необходимо скопировать блок в структуре сайта. Для этого перейдите в Контент (1) → Структура сайта (2) → Файлы и папки (3) → include (4) → mainpage (5) → components (6).

Скопируем существующую папку с файлами блока «Каталог» — catalog_tab. Для этого нажмите на «Гамбургер» напротив нее и выберите «Копировать» (1). Папка скопируется со всеми содержимыми файлами. Если вы используете готовые пользовательские блоки, то они представлены в папках custom_catalog, custom_catalog_2 (2).

Переименуйте папку, например, в custom_catalog_3. Для этого нажмите на «Гамбургер» напротив скопированной папки и выберите «Переименовать». Название папки будет нашим символьным кодом при создании раздела для пользовательских блоков. Скопируйте это название, оно нам понадобится в дальнейшем.

Обязательно переименуйте все файлы, которые содержатся в этой папке. Нажмите на «Гамбургер» напротив каждого файла и выберите «Переименовать».

Теперь подготовим новый блок в виджете. Вернемся в раздел «Дополнительные блоки на главной» и выберем «Добавить раздел» при нажатии на стрелку (1). Если вы хотите хотите воспользоваться готовыми пользовательскими блоками, нажмите на «Гамбургер» напротив необходимого раздела и нажмите «Изменить» (2).

В окне редактирования задайте активность раздела (1), уровень вложенности (2) и название (3), которое будет отображаться в виджете «Точная настройка».

На вкладке «Дополнительно» вставьте символьный код, который ранее копировали из названия переименованной папки в структуре сайта. В нашем случае — это custom_catalog_3. Сохраните изменения.

После добавления раздела создадим тип отображения дополнительного блока. Для этого перейдите в список элементов раздела и нажмите «Добавить блок».

При добавлении типа отображения дополнительного блока вам потребуется заполнить следующие поля на вкладке «Параметры»:

  • Активность (1) — включает отображение типа в настройках.

  • Период активности (2) — задает время показа типа блока.

  • Название (3) — устанавливает название для типа, которое будет отображаться в виджете и административной части сайта.

  • Символьный код (4) — кодом для элемента выступает название определенного файла из скопированной ранее папки. Например, в папке custom_catalog_3 мы переименовывали несколько файлов. Именно они нас интересуют. Все настройки блока будут взяты из указанного файла.

  • Сортировка (5) — задайте сортировку для типа отображения дополнительного блока.

На вкладке «Анонс» по желанию укажите картинку для отображения блока в виджете «Точная настройка».

На вкладке «Разделы» присвойте тип отображения необходимому разделу и сохраните изменения.

Перейдите в публичную часть сайта. Теперь в виджете настроек на вкладке «Главная» появился наш дополнительный блок. Активируйте его, тогда он появится на главной странице.

На этом этапе созданный нами дополнительный блок — точная копия оригинального блока. Чтобы заполнить его другими товарами, перейдите в режим правки, наведите курсор на область блока и нажмите на шестеренку.

В параметрах компонента «Табы на главной» перейдите на вкладку «Источник данных».

Настроить пользовательский блок товаров можно тремя способами:

  1. Ограничить разделом (ID).

  2. Ограничить разделом (символьный код).

  3. Использовать фильтр товаров. 

Для работы с фильтром товаров нажмите «Добавить условие». Напротив условия нажмите на три точки и укажите необходимые разделы товаров, которые будут отображаться в блоке. В нашем случае — это «Товары для дома и дачи» или «Строительные материалы».

Далее перейдите на вкладку «Дополнительные настройки». Здесь представлены следующие параметры:

  1. Группировать товары по табам — если настройка отмечена, то ниже появляется поле «Тип табов».

  2. Заголовок блока — укажите заголовок для блока.

Сохраните изменения.

Если для блока настроен только один таб, то он не будет отображаться пользователям.

На примере настройки фильтра по разделу с товарами для дома и стройматериалами у нас получился такой блок. Табы в нем отображаются по корневым разделам.