Вывод умного фильтра во включаемую область

Урок 52 из 278
Автор: Марина Павлова
Сложность урока:
5 уровень - сложно, но не смертельно. Нужно подумать, вспоминать уже пройденный материал, собрать в кучу внимание, немного терпения и всё получится.
5 из 5
Просмотров: 160
Ограничения по редакциям: Старт, Стандарт

Настроим отображение умного фильтра для компонента Элементы раздела

Допустим у нас на странице сайта выводится раздел каталога при помощи компонента Элементы раздела Компонент выводит список элементов раздела с указанным набором свойств. Компонент содержит пять шаблонов: .default, board, links, list и old_version_16 (шаблон .default до версии 17.0). Компонент стандартный и входит в дистрибутив модуля.

В визуальном редакторе компонент расположен по пути Контент > Каталог > Элементы раздела.

Компонент относится к модулю Информационные блоки.

Описание компонента «Элементы раздела» в пользовательской документации.
. Задача: организовать фильтрацию элементов, при этом фильтр вывести в правую включаемую область Включаемая область - это специально выделенная область на странице сайта, которую можно редактировать отдельно от основного содержания страницы.
Подробнее...
.

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

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

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


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

  • Добавьте следующий код в новый шаблон компонента Умный фильтр:
    <?$this->SetViewTarget("right_area");?>
    

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

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

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

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

    такой код:
    <div class="sidebar pright">
       <?$APPLICATION->ShowViewContent("right_area")?>
    </div>
    
  • Результат:

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

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

    Внимание! Компонент не работает с инфоблоками, не имеющими структуры разделов. Если по логике проекта информация не должна иметь структурного деления, то необходимо создать один раздел верхнего уровня и уже в нём размещать элементы инфоблока.

    В визуальном редакторе компонент расположен по пути Контент > Каталог > Каталог.

    Компонент относится к модулю Информационные блоки.

    Порядок секций в форме настройки компонента может меняться в зависимости от выбранного шаблона.

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

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



Текст раскрывает тему
Мы стараемся сделать документацию понятнее и доступнее,
и Ваше мнение важно для нас
Нам жаль это слышать… Но мы постараемся быть лучше! Поясните, пожалуйста, свой выбор:

Мы благодарны вам за помощь в улучшении документации.

Курсы разработаны в компании «1С-Битрикс»