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

Урок 71 из 390
Автор: Марина Павлова
Сложность урока:
5 уровень - сложно, но не смертельно. Нужно подумать, вспоминать уже пройденный материал, собрать в кучу внимание, немного терпения и всё получится.
5 из 5
Просмотров: 8992
Дата изменения: 29.02.2024
Недоступно в лицензиях:
Текущую редакцию Вашего 1С-Битрикс можно просмотреть на странице Обновление платформы (Marketplace > Обновление платформы).
Старт, Стандарт

Допустим у нас на странице сайта выводится раздел каталога при помощи компонента Элементы раздела Компонент выводит список элементов раздела с указанным набором свойств.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


Нам жаль это слышать… Но мы постараемся быть лучше!

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

Спасибо, мы рады что смогли помочь Вам. Ниже Вы можете оставить свой отзыв или пожелание :)
Мы стараемся сделать документацию понятнее и доступнее,
и Ваше мнение важно для нас
Курсы разработаны в компании «1С-Битрикс»