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

&lt;p&gt;&lt;i style=&quot;font-size: 25px;&quot; class=&quot;fa fa-list-ol fa-pull-left fa-border&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt; Бывают ситуации, что для построения каталога товаров на сайте не подходит комплексный компонент &lt;a href=&quot;https://dev.1c-bitrix.ru/user_help/components/content/catalog/catalog.php&quot; target=&quot;_blank&quot;&gt;Каталог&lt;/a&gt;. Требуется собрать каталог вручную на простых компонентах. Рассмотрите процедуру создания такого каталога на небольшом примере.&lt;/p&gt; &lt;h4&gt;Первый этап - планирование структуры&lt;/h4&gt; &lt;p&gt;Спланируйте структуру каталога. Так, в нашем примере требуется создать всего три страницы, предназначенные для:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;top'а элементов каталога (будет главной страницей каталога) - &lt;b&gt;index.php&lt;/b&gt;;&lt;/li&gt; &lt;li&gt;содержимого раздела с умным фильтром - &lt;b&gt;section.php&lt;/b&gt;;&lt;/li&gt; &lt;li&gt;детальной карточки товара - &lt;b&gt;element.php&lt;/b&gt;.&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;&lt;table width=&quot;100%&quot; height=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; bgcolor=&quot;#cecece&quot;&gt; &lt;tbody&gt; &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;&lt;/p&gt; &lt;h4&gt;Второй этап - настройка инфоблока товаров&lt;/h4&gt; &lt;p&gt;&lt;a href=&quot;/learning/course/index.php?COURSE_ID=34&LESSON_ID=2011&quot; target=&quot;_blank&quot;&gt;Создайте&lt;/a&gt; и настройте инфоблок товаров: &lt;ul&gt; &lt;li&gt;заполните все обязательные поля и задайте [dw]адреса страниц[/dw][di]&lt;img src=&quot;/images/admin_start/iblock/iblock_set_simple.png&quot;&gt;[/di] (адреса заполняются с учетом того, будет ли использоваться режим ЧПУ в каталоге);&lt;/li&gt; &lt;li&gt;настройте поля и свойства инфоблока;&lt;/li&gt; &lt;li&gt;инфоблок настройте на работу &lt;a href=&quot;/learning/course/index.php?COURSE_ID=42&LESSON_ID=3456&quot; target=&quot;_blank&quot;&gt;в режиме торгового каталога&lt;/a&gt;;&lt;/li&gt; &lt;li&gt;доступ к инфоблоку для посетителей установите как &lt;b&gt;Чтение&lt;/b&gt; (по умолчанию стоит &lt;b&gt;Запрещен&lt;/b&gt;);&lt;/li&gt; &lt;li&gt;выполните настройку &lt;a href=&quot;/learning/course/index.php?COURSE_ID=42&LESSON_ID=5371&quot; target=&quot;_blank&quot;&gt;отображения свойств в умном фильтре&lt;/a&gt; (для разделов может быть настроен &lt;a href=&quot;/learning/course/index.php?COURSE_ID=42&LESSON_ID=5124&quot; target=&quot;_blank&quot;&gt;различный набор свойств&lt;/a&gt;).&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;&lt;table width=&quot;100%&quot; height=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; bgcolor=&quot;#cecece&quot;&gt; &lt;tbody&gt; &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;&lt;/p&gt; &lt;h4&gt;Третий этап - размещение и настройка компонентов&lt;/h4&gt; &lt;ol&gt; &lt;li&gt;На странице &lt;b&gt;index.php&lt;/b&gt; разместите компонент &lt;a href=&quot;https://dev.1c-bitrix.ru/user_help/content/iblock/components_2/catalog/catalog_top.php&quot; target=&quot;_blank&quot;&gt;Top элементов каталога&lt;/a&gt; и в его настройках укажите: &lt;ul&gt; &lt;li&gt;инфоблок товаров в секции &lt;b&gt;Основные параметры&lt;/b&gt;;&lt;/li&gt; &lt;li&gt;шаблоны ссылок на страницы раздела и карточки товара в [dw]одноименной секции[/dw][di]&lt;img src=&quot;/images/admin_start/iblock/comp_top_set_urls.png&quot;&gt;[/di] (адреса заполняются с учетом того, будет ли использоваться режим ЧПУ в каталоге);&lt;/li&gt; &lt;li&gt;выберите тип цены в секции &lt;b&gt;Цены&lt;/b&gt;;&lt;/li&gt; &lt;li&gt;остальные параметры можно оставить по умолчанию или настроить в соответствии с вашими требованиями.&lt;br/&gt;&lt;br/&gt; &lt;div class=&quot;hint&quot;&gt;&lt;b&gt;Примечание:&lt;/b&gt; если у вас товары с торговыми предложениями, то в настройках компонента обязательно должны быть выбраны свойства предложений в секции &lt;b&gt;Внешний вид&lt;/b&gt;. В противном случае для товаров будет отображаться пометка &lt;b&gt;Нет в наличии&lt;/b&gt;.&lt;/div&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;На странице &lt;b&gt;section.php&lt;/b&gt; разместите компонент &lt;a href=&quot;https://dev.1c-bitrix.ru/user_help/content/iblock/components_2/catalog/smart_filter.php&quot; target=&quot;_blank&quot;&gt;Умный фильтр&lt;/a&gt;, в настройках укажите: &lt;ul&gt; &lt;li&gt;инфоблок товаров (секция &lt;b&gt;Источник данных&lt;/b&gt;);&lt;/li&gt; &lt;li&gt;тип цены (секция &lt;b&gt;Цены&lt;/b&gt;);&lt;/li&gt; &lt;li&gt;если в каталоге товаров у вас используется режим ЧПУ и версия модуля &lt;b&gt;Информационные блоки&lt;/b&gt; 15.5.0 или выше, тогда в компоненте также следует выполнить &lt;a href=&quot;/learning/course/index.php?COURSE_ID=34&LESSON_ID=7180&quot; target=&quot;_blank&quot;&gt;настройки ЧПУ&lt;/a&gt;.&lt;/li&gt; &lt;/ul&gt; &lt;div class=&quot;warning&quot;&gt;&lt;b&gt;Важно!&lt;/b&gt; Подключение компонента умного фильтра должно выполняться до подключения компонента элементов раздела.&lt;/div&gt;&lt;/li&gt; &lt;li&gt;На странице &lt;b&gt;section.php&lt;/b&gt; разместите компонент &lt;a href=&quot;https://dev.1c-bitrix.ru/user_help/content/iblock/components_2/catalog/catalog_section.php&quot; target=&quot;_blank&quot;&gt;Элементы раздела&lt;/a&gt;, в его настройках укажите: &lt;ul&gt; &lt;li&gt;инфоблок товаров в секции &lt;b&gt;Основные параметры&lt;/b&gt;;&lt;/li&gt; &lt;li&gt;шаблоны ссылок в [dw]одноименной секции[/dw][di]&lt;img src=&quot;/images/admin_start/iblock/comp_sect_set_urls.png&quot;&gt;[/di] (адреса заполняются с учетом того, будет ли использоваться режим ЧПУ в каталоге);&lt;/li&gt; &lt;li&gt;Если режим ЧПУ в каталоге используется, то настройки ЧПУ выполняются в зависимости от версии модуля &lt;b&gt;Информационные блоки&lt;/b&gt;: &lt;ul&gt; &lt;li&gt;если версия 15.5.0 или выше, то настройка ЧПУ выполняется в секции [dw]Управление адресами страниц[/dw][di]&lt;img src=&quot;/images/admin_start/iblock/comp_sect_sef.png&quot;&gt;[/di]; &lt;li&gt;если версия ниже, чем 15.5.0, то следует вручную составить [dw]правило[/dw][di]&lt;img src=&quot;/images/admin_start/iblock/simple_sect_sef.png&quot;&gt;[/di] на странице &lt;span class=&quot;path&quot;&gt;Настройки &amp;gt; Настройки продукта &amp;gt; Обработка адресов &amp;gt; Правила обработки&lt;/span&gt;;&lt;/li&gt; &lt;/ul&gt;&lt;/li&gt; &lt;li&gt;укажите тип цены в секции &lt;b&gt;Цены&lt;/b&gt;;&lt;/li&gt; &lt;li&gt;остальные параметры можно оставить по умолчанию или настроить в соответствии с вашими требованиями.&lt;/li&gt; &lt;/ul&gt;&lt;/li&gt; &lt;li&gt;На странице &lt;b&gt;element.php&lt;/b&gt; разместите компонент &lt;a href=&quot;https://dev.1c-bitrix.ru/user_help/content/iblock/components_2/catalog/catalog_element.php&quot; target=&quot;_blank&quot;&gt;Элемент каталога детально&lt;/a&gt; и в его настройках укажите: &lt;ul&gt; &lt;li&gt;инфоблок товаров в секции &lt;b&gt;Основные параметры&lt;/b&gt;;&lt;/li&gt; &lt;li&gt;шаблоны ссылок в [dw]одноименной секции[/dw][di]&lt;img src=&quot;/images/admin_start/iblock/comp_element_set_url.png&quot;&gt;[/di] (адреса также заполняются с учетом того, будет ли использоваться режим ЧПУ в каталоге); &lt;/li&gt; &lt;li&gt;если необходимо, настройте режим ЧПУ: &lt;ul&gt; &lt;li&gt;если версия модуля &lt;b&gt;Информационные блоки&lt;/b&gt; 15.5.0 или выше, то настройка ЧПУ выполняется в секции [dw]Управление адресами страниц[/dw][di]&lt;img src=&quot;/images/admin_start/iblock/comp_element_sef.png&quot;&gt;[/di];&lt;/li&gt; &lt;li&gt;если версия ниже, чем 15.5.0, то следует вручную составить [dw]правило[/dw][di]&lt;img src=&quot;/images/admin_start/iblock/simple_element_sef.png&quot;&gt;[/di] на странице &lt;span class=&quot;path&quot;&gt;Настройки &amp;gt; Настройки продукта &amp;gt; Обработка адресов &amp;gt; Правила обработки&lt;/span&gt;;&lt;/li&gt; &lt;/ul&gt;&lt;/li&gt; &lt;li&gt;укажите тип цены в секции &lt;b&gt;Цены&lt;/b&gt;;&lt;/li&gt; &lt;li&gt;остальные параметры можно оставить по умолчанию или настроить в соответствии с вашими требованиями (например, указать отображаемые свойства товаров).&lt;/li&gt; &lt;/ul&gt;&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;&lt;table width=&quot;100%&quot; height=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; bgcolor=&quot;#cecece&quot;&gt; &lt;tbody&gt; &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;&lt;/p&gt; &lt;p&gt;&lt;table width=&quot;100%&quot; cellpadding=&quot;5&quot;&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td style=&quot;vertical-align:center;&quot;&gt;&lt;i style=&quot;font-size: 25px;&quot; class=&quot;fa fa-check-square-o fa-border&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/td&gt; &lt;td style=&quot;vertical-align:center; width: 100%; padding-left: 5px&quot;&gt;&lt;h4 style=&quot;margin:0&quot;&gt;Заключение&lt;/h4&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;&lt;/p&gt; &lt;p&gt;Каталог товаров на простых компонентах настроен и его страницы имеют следующий вид:&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;/images/admin_start/iblock/simple_result.png&quot;&gt;&lt;/p&gt; &lt;br/&gt;&lt;br/&gt;

Контент-менеджер

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

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

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

Заключение