Размещаем компоненты

Компонент Элементы раздела не содержит в себе встроенного Умного фильтра. Поэтому при создании страницы, мы добавим в визуальном редакторе два компонента из секции Контент > Каталог и настроим их параметры на примере раздела Платья:

• Умный фильтр:

  

• Элементы раздела

  

  Создаем шаблон для Умного фильтра

• На странице нажмем Редактировать шаблон компонента для Умного фильтра и заполним название нового шаблона Для внесения изменений создается копия текущего шаблона. .

  

• Добавьте следующий код в новый шаблон компонента Умный фильтр:

  <?$this->SetViewTarget("right_area");?>
  

  перед главным div шаблона, а код

  <?$this->EndViewTarget("right_area");?>
  

  после закрытия главного div шаблона. И сохраните внесенные данные.

• Перейдите к редактированию включаемой области страницы в режиме PHP , в которой хотите разместить фильтр, и добавьте в самое начало Пример:
  
  такой код:

  <div class="sidebar pright">
     <?$APPLICATION->ShowViewContent("right_area")?>
  </div>
  

Результат:



Теперь используйте шаблон компонента, который мы создали, и на других страницах в настройках компонента Умный фильтр:



Важно! В таком примере использования компонентов Умный фильтр и Элементы раздела отсутствует возможность включить мгновенную фильтрацию Включите две простые опции в настройках компонента и отбор товаров будет выполняться "на лету" при выборе параметров в фильтре.
Подробнее... , как в комплексном компоненте Каталог Комплексный компонент осуществляет вывод полного каталога товаров из определенного инфоблока.

Описание компонента «Каталог (комплексный компонент)» в пользовательской документации. .

  Дополнительно

• Умный фильтр - пользовательская документация;
• Элементы раздела - пользовательская документация;
• Настройка отображения свойств в умном фильтре.