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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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



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

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

Мы стараемся сделать документацию понятнее и доступнее,
и Ваше мнение важно для нас