Просмотров: 266 (Статистика ведётся с 06.02.2017)
Марина Павлова
Сложность урока:
5 уровень - сложно, но не смертельно. Нужно подумать, вспоминать уже пройденный материал, собрать в кучу внимание, немного терпения и всё получится.
1
2
3
4
5
Недоступно в редакциях:
Старт, Стандарт

Настроим правый блок и создадим индивидуальный шаблон сайта

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

  1. Разместим на странице комплексный компонент Каталог;
  2. Настроим в компоненте отображение правого блока;
  3. Создадим индивидуальный шаблон сайта для страницы, где будет скрыта правая включаемая область.

    Внимание! Действия, описанные в п. 3 урока, актуальны только для стандартного шаблона 1C-Битрикс: Управление сайтом. Если вы используете собственные шаблоны сайта - обратитесь к разработчикам.

1. Размещаем компонент


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

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

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

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

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

    Описание компонента «Каталог (комплексный компонент)» в пользовательской документации.
    (секция Контент > Каталог). В основных параметрах компонента указываем наш инфоблок Одежда .
  • Переходим к секции Настройки фильтра. Поставим галочку в Показывать фильтр . Обязательно выберем Тип цены здесь и в секции Цены.

В итоге получим такой вид каталога с фильтром на странице:

Нажмите на рисунок, чтобы увеличить

2. Настраиваем правый блок

В полученном виде страница нас не устраивает. Снова откроем настройки компонента Каталог и в секции Внешний вид настроим поля правого блока :

  • Отметим галочки для отображения включаемой области в списке товаров и на детальной странице.
  • Путь к включаемой области для вывода информации в правом блоке - укажем путь к той включаемой области, которую мы хотим вывести в правом блоке под умным фильтром. В нашем примере это /sect_sidebar.php.

После настройки правого блока страница имеет вид:

Нажмите на рисунок, чтобы увеличить

Мы вывели включаемую область под фильтром. Теперь скроем правую включаемую область.

3. Создаем шаблон

Настроим индивидуальный шаблон для страниц, в котором необходимо скрывать правую включаемую область сайта.

  • Перейдем на страницу Настройки > Настройки продукта > Сайты > Шаблоны сайтов;
  • В открывшемся списке шаблонов находим шаблон страниц и в меню действий выбираем Копировать ;
  • В списке появится копия шаблона. Воспользуемся действием Изменить;
  • В форме редактирования проставим название шаблона и в начале кода второй строкой добавим define("HIDE_SIDEBAR", true);:
    <?
    if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die(); // после этой строки
    define("HIDE_SIDEBAR", true); // добавляем наш код
    ...
    ?>
    

    Важно! Будьте внимательны при внесение корректировок в код. Прежде чем сохранить правки, воспользуйтесь кнопкой Предпросмотр Рядом с кнопками Сохранить и Применить , которая откроет страницу сайта и отобразит результат внесенных изменений. Сохраните шаблон, если всё отображается корректно.

  • Сохраним шаблон и перейдем на страницу Настройки > Настройки продукта > Сайты > Список сайтов и в меню действий выберем Изменить ;
  • Пролистаем вниз формы и в секции Шаблон сайта настроим отображении для нашей страницы созданного нами шаблона:

    Нажмите на рисунок, чтобы увеличить

В результате наша страница с каталогом выглядит так, как требовалось:

Нажмите на рисунок, чтобы увеличить

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

Заключение

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

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



0


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