Как натянуть верстку на комплексный компонент bitrix.catalog?

Question

[Таня]

Задача натянуть верстку на битрикс, везде описана кастомизация комплексного компонента bitrix.news, но нигде нет описания как кастомизировать файлы для комплексного компонента Каталог для интернет магазина. Помогите с подробным объяснением

Comments

[Rustam Bainazarov]

Не помогут.

[Таня]

Рустам Байназаров, обоснуйте ваше мнение)

[Rustam Bainazarov]

Таня, потому что это не вопрос, а задание. Максимум — скинут ссылку на документацию.

Вопрос необходимо конкретизировать (что конкретно не получается), т. к. количество вариантов ответа приближается к бесконечности.

[Ярослав Александров]

Вопрос немного не корректный.
1) С каким компонентом входящим в состав bitrix.catalog у вас возникли трудности?
2) какой ваш уровень знаний битрикса и какой у вас опыт работы с ним?
3) Проходили ли вы подготовку, смотрели ли онлайн курсы битрикс?

[Таня]

Ярослав Александров, трудности возникли с тем что я не понимаю куда вставлять верстку и как вытащить данные из массива $arResult в файлике например section.php

[Ярослав Александров]

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

[Модератор]

https://toster.ru/help/rules
3.8
3.2

[Таня]

Модератор, здесь демонстрация не кода, а структуры файлов .

[Модератор]

Таня,
$ tree

[Таня]

Модератор, не понимаю что вы имеете ввиду

[Модератор]

Таня,
В bash/console есть утилиты для представления структуры дирректорий в текстовом виде

[Таня]

Модератор, я не умею ими пользоваться

[alex-1917]

и как вытащить данные из массива $arResult в файлике например section.php

это чревато ошибками в отображении, как только страница закешируется.
а она закешируется на втором посетителе сайта...
#############

обоснуйте ваше мнение)

ладно бы джумла какая или вордпресс, но битрикс, эта священная золотаякорова, да кто ж тут конкурентов будет себе выращивать?)))

Answer 1

[Максим]

На самом деле кастомизация и натягивание верстки на компонент каталога ничем не отличается от натягивания верстки на компонент bitrix.news.
Просто берете и шаг за шагом, html-элемент за html-элементом натягиваете на компонент. Лучше всего будет скопировать шаблон компонента, очистить внутренности файлов template.php (за исключением самой верхушки), занести в них голую вёрстку, и уже потом подключать данные с сервера (из $arResult). После этого уже заняться JS'ом, чтобы подключить frontend (клики, добавление в корзину и пр.)
По сути там нет ничего сложного, вопрос только во времени. Но обычно это кропотливая работа и времени на это придется уделить много.

Comments

[Таня]

я приложила скриншот ..вы там видите template ?

[Максим]

Таня, ваш скриншот уже куда-то делся. Но даже так я могу вам сказать, что у каждого компонента, который включен в комплексный компонент catalog есть template.php
section.php - это лишь собирательный файл, который собирает в себе остальные компоненты: catalog smart filter, catalog:sections, catalog:section и др. Вот уже у этих компонентов вам надо искать template.php

[Таня]

Максим, в том то и проблема, что я написала сюда потому-что не обнаружила файлов template

[Максим]

Таня, для начала поищите их здесь

[Таня]

Максим, в catalog.section.list действительно есть шаблон(template.php) , я это и до этого видела ..а вот где искать template для страницы элемента (element.php) и для страницы sections.php ?

[Максим]

Таня, поднимитесь выше по дереву до components/bitrix (см ваш скриншот выше), и ищите в этой папке папки компонентов catalog.section, catalog.detail и catalog.section.list.
Если их там нет, значит, они могут лежать в .default шаблоне сайта, а могут лежать и в других местах. Вот лишь часть их:
- /bitrix/templates/.default/components/
- /bitrix/templates/имя_вашего_шаблона/components/
- /bitrix/components/какой-то_неймспейс_вендора(но не bitrix)/
- /local/components/(bitrix | другой_неймспейс)/
- /local/templates/.default/components/
- /local/templates/имя_вашего_шаблона/components/

[Таня]

Максим, наверное вы имеете ввиду в ядре битрикс покопаться?

[Максим]

Таня, нет, в ядро точно лезть не надо) вам просто нужно понимать, где могут лежать шаблоны нужных вам компонентов. А могут они лежать либо в папках с шаблоном сайта (/bitrix/templates/шаблон, /local/templates/шаблон), либо на уровне отдельного неймспейса (/bitrix/components/неймспейс, /local/components). В последнем случае они могут лежать, если разработчик решил дополнить фундаментальную логику работы компонентов какой-то своей нестандартной логикой. И чтобы не править ядро, он скопировал их в своё пространство имён (неймспейс).

[Таня]

Максим, да господи я разработчик ..пытаюсь что то ваять да тут черт ногу сломит

[Максим]

Таня, тогда я могу лишь пожелать вам удачи) в Битриксе действительно порой черт голову сломит, не всегда понятно где что искать.
Могу вам лишь порекомендовать установить для PhpStorm плагин для работы с битриксом - https://plugins.jetbrains.com/plugin/7616-bitrix-f...
Там можно зажав Ctrl или Cmd (если у вас мак) кликать по названиям шаблонов компонентов (в том месте, где вы подключаете компонент) и вас будет в редакторе перекидывать на template.php этих компонентов. Иногда очень спасает)

[Таня]

Максим, за плагин спасибо , обязательно воспользуюсь , вдруг поможет)