bitrix - (директорія) «простір імен», в якій міститися шаблон викликаються компонент
catalog.compare.list - (директорія), шаблон компонента «catalog.compare.list»
catalog.compare.result - (директорія), шаблон компонента «catalog.compare.result»
catalog.element - (директорія), шаблон компонента ...
catalog.filter - ...
catalog.section - ...
catalog.section.list - ...
catalog.top - ...
forum.topic.reviews - ...
section.php - (файл) шаблон компонента «каталог», відображає сторінку з елементами розділу;
sections.php - (файл) шаблон компонента «каталог», відображає сторінку зі списком розділів;
compare.php - (файл) шаблон компонента «каталог», відображає сторінку з таблицой порівняння.
element.php - (файл) шаблон компонента «каталог», відображає сторінку з детальною інформацією;
search.php - (файл) шаблон компонента «каталог», відображає сторінку з пошуком по каталогу.
Зараз компонент «каталог» в підрозділі «Процесори» розділу «Products» виглядає так:
За виведення даної частини компонента відповідає шаблон www \ bitrix \ templates \ імя_шаблона \ components \ bitrix \ catalog \ myTemplate \ sections.php.
У шаблоні «sections.php» відбувається виклик трьох компонентів:
- bitrix: catalog.section.list - виводить список розділів Інфоблоки з вказаною кількістю елементів в кожному розділі.
- bitrix: catalog.compare.list - виводить список порівнюваних елементів каталогу у вигляді невеликої таблиці
- bitrix: catalog.top - виводить елементи з усіх розділів
Викликаються дані компоненти опціонально, тобто можуть використовуватися, а можуть і ні. Це залежить від параметрів компонента «bitrix: catalog».
У нашому випадку (настройка при виклику «bitrix: catalog») використовується тільки «bitrix: catalog.top», тому правити будемо шаблон даного компонента.
Відкриємо файл: «www \ bitrix \ templates \ імя_шаблона \ components \ bitrix \ catalog \ myTemplate \ bitrix \ catalog.top \ .default \ template.php», приберемо все зайве і додамо HTML код шаблону (тієї частини шаблону, де виводитися вміст каталогу).
У мене вийшло наступне:
У браузері це виглядає наступним чином:
Якщо ми натиснемо на один з процесорів, то потрапимо на сторінку з його детальним описом. Зараз ця сторінка виглядає так:
А в шаблоні-прототипі, сторінка з описом товару виглядає так:
За виведення сторінки з описом товару в компоненті «bitrix: catalog», відповідає шаблон www \ bitrix \ templates \ test \ components \ bitrix \ catalog \ myTemplate \ element.php
В даному шаблоні використовуються наступні компоненти:
- bitrix: catalog.element - виводить детальну інформацію по елементу каталогу;
- bitrix: forum.topic.reviews - виводить форму з відгуками до продукту;
- sale.recommended.products - виводить «з цим товаром купують»;
- catalog.store.amount - показує залишок на складі для даного товару.
У нашому випадку (настройки компонента «bitrix: catalog»), буде використовуватися тільки компонент «bitrix: catalog.element», тому правити будемо шаблон даного компонента.
Відкриємо файл www \ bitrix \ templates \ test \ components \ bitrix \ catalog \ myTemplate \ bitrix \ catalog.element \ .default \ template.php. приберемо все зайве і додамо HTML код шаблону (тієї частини шаблону, де виводитися опис одного товару).
У мене вийшло наступне: