Каталог товаров на простых компонентах

Урок 49 из 278
Автор: Татьяна Старкова
Сложность урока:
4 уровень - сложно, требуется сосредоточится, внимание деталям и точному следованию инструкции.
4 из 5
Просмотров: 15853
Ограничения по редакциям: Старт, Стандарт

Каталог товаров на простых компонентах

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

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

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

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

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

Описание компонента «Каталог (комплексный компонент)» в пользовательской документации.
. Требуется собрать каталог вручную на простых компонентах. Рассмотрите процедуру создания такого каталога на небольшом примере.

Первый этап - планирование структуры

Спланируйте структуру каталога. Так, в нашем примере требуется создать всего три страницы, предназначенные для:

  • top'а элементов каталога (будет главной страницей каталога) - index.php;
  • содержимого раздела с умным фильтром - section.php;
  • детальной карточки товара - element.php.

Второй этап - настройка инфоблока товаров

Создайте 1. Откройте страницу Контент > Инфоблоки > Типы инфоблоков > название_типа, где вместо название_типа у вас отображается реальное название нужного типа инфоблоков (учтите, что после создания инфоблока его тип уже нельзя будет поменять).
2. Нажмите кнопку Добавить инфоблок.
3. Заполните поля формы редактирования инфоблока.

Подробнее...
и настройте инфоблок товаров:

  1. заполните все обязательные поля и задайте адреса страниц (адреса заполняются с учетом того, будет ли использоваться режим ЧПУ в каталоге);
  2. настройте поля и свойства инфоблока;
  3. инфоблок настройте на работу в режиме торгового каталога; Чтобы нужный информационный блок работал в режиме торговых каталогов, необходимо отметить его флажком в поле Является торговым каталогом на странице настроек модуля Торговый каталог (Настройки > Настройки продукта > Настройки модулей > Торговый каталог).

    Подробнее...
  4. доступ к инфоблоку для посетителей установите как Чтение (по умолчанию стоит Запрещен);
  5. выполните настройку отображения свойств в умном фильтре Умный фильтр – это инструмент для отбора элементов каталога по заданным критериям, обладающий следующими особенностями:
    • анализируя все элементы раздела, он выстраивает на основании значений их свойств и цен унифицированное представление;
    • поддерживает торговые предложения;
    • умеет показать то количество элементов, которые будут выбраны при применении фильтра;
    • умеет показать пользователю, что некоторые комбинации значений не встречаются в каталоге.
Подробнее... (для разделов может быть настроен различный набор свойств Начиная с версии 12.0.0, система «1С-Битрикс: Управление сайтом» позволяет в одном инфоблоке держать разнотипные товары с различными свойствами. Свойства привязываются к категориям товаров, каждая категория наследует свойства вышестоящей.

Настроим свойства для инфоблока, в котором будет два раздела: холодильники и молочные продукты. И в публичном разделе мы должны получить фильтр по товарам, где возможен поиск по свойствам текущего раздела каталога.

Подробнее...
).

Третий этап - размещение и настройка компонентов

  1. На странице index.php разместите компонент Top элементов каталога Компонент выводит в таблице top элементов из всех разделов в соответствии с заданной сортировкой (используется как правило на главной странице сайта). Компонент стандартный и входит в дистрибутив модуля.

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

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



    Описание компонента «top элементов каталога» в пользовательской документации.
    и в его настройках укажите:
    • инфоблок товаров в секции Основные параметры;
    • шаблоны ссылок на страницы раздела и карточки товара в одноименной секции (адреса заполняются с учетом того, будет ли использоваться режим ЧПУ в каталоге);
    • выберите тип цены в секции Цены;
    • остальные параметры можно оставить по умолчанию или настроить в соответствии с вашими требованиями.

      Примечание: если у вас товары с торговыми предложениями, то в настройках компонента обязательно должны быть выбраны свойства предложений в секции Внешний вид. В противном случае для товаров будет отображаться пометка Нет в наличии.
  2. На странице section.php разместите компонент Умный фильтр Компонент подготавливает фильтр для выборки из инфоблока и выводит форму фильтра для фильтрации элементов. Компонент должен подключаться перед компонентом вывода элементов каталога, иначе список элементов фильтроваться не будет. Компонент стандартный, входит в дистрибутив модуля и содержит три шаблона: .default, visual_horizontal и visual_vertical. (Последние два шаблона не поддерживаются, остались для сохранения совместимости.)

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

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

    Описание компонента «Умный фильтр» в пользовательской документации.
    , в настройках укажите:
    Важно! Подключение компонента умного фильтра должно выполняться до подключения компонента элементов раздела.
  3. На странице section.php разместите компонент Элементы раздела Компонент выводит список элементов раздела с указанным набором свойств. Компонент содержит пять шаблонов: .default, board, links, list и old_version_16 (шаблон .default до версии 17.0). Компонент стандартный и входит в дистрибутив модуля.

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

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

    Описание компонента «Элементы раздела» в пользовательской документации.
    , в его настройках укажите:
    • инфоблок товаров в секции Основные параметры;
    • шаблоны ссылок в одноименной секции (адреса заполняются с учетом того, будет ли использоваться режим ЧПУ в каталоге);
    • Если режим ЧПУ в каталоге используется, то настройки ЧПУ выполняются в зависимости от версии модуля Информационные блоки:
      • если версия 15.5.0 или выше, то настройка ЧПУ выполняется в секции Управление адресами страниц ;
      • если версия ниже, чем 15.5.0, то следует вручную составить правило на странице Настройки > Настройки продукта > Обработка адресов > Правила обработки;
    • укажите тип цены в секции Цены;
    • остальные параметры можно оставить по умолчанию или настроить в соответствии с вашими требованиями.
  4. На странице element.php разместите компонент Элемент каталога детально Компонент выводит детальную информацию по элементу каталога. Компонент стандартный, входит в дистрибутив модуля и содержит три шаблона: .default, board и old_version_16 (шаблон .default до версии 17.0).

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

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

    Описание компонента «Элемент каталога детально» в пользовательской документации.
    и в его настройках укажите:
    • инфоблок товаров в секции Основные параметры;
    • шаблоны ссылок в одноименной секции (адреса также заполняются с учетом того, будет ли использоваться режим ЧПУ в каталоге);
    • если необходимо, настройте режим ЧПУ:
      • если версия модуля Информационные блоки 15.5.0 или выше, то настройка ЧПУ выполняется в секции Управление адресами страниц ;
      • если версия ниже, чем 15.5.0, то следует вручную составить правило на странице Настройки > Настройки продукта > Обработка адресов > Правила обработки;
    • укажите тип цены в секции Цены;
    • остальные параметры можно оставить по умолчанию или настроить в соответствии с вашими требованиями (например, указать отображаемые свойства товаров).

Заключение

Каталог товаров на простых компонентах настроен и его страницы имеют следующий вид:



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

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

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