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

Question

Таня @msplatona

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

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

Вопрос задан более трёх лет назад
757 просмотров

13 комментариев

Подписаться 1 Средний 13 комментариев

Rustam Bainazarov @SmthTo Куратор тега Вёрстка

Не помогут.

Написано более трёх лет назад
Таня @msplatona Автор вопроса

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

Написано более трёх лет назад
Rustam Bainazarov @SmthTo Куратор тега Вёрстка

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

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

Написано более трёх лет назад
Ярослав Александров @alexyarik

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

Написано более трёх лет назад
Таня @msplatona Автор вопроса

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

Написано более трёх лет назад
Ярослав Александров @alexyarik

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

Написано более трёх лет назад
Модератор @TosterModerator

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

Написано более трёх лет назад
Таня @msplatona Автор вопроса

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

Написано более трёх лет назад
Модератор @TosterModerator

Таня,
$ tree

Написано более трёх лет назад
Таня @msplatona Автор вопроса

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

Написано более трёх лет назад
Модератор @TosterModerator

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

Написано более трёх лет назад
Таня @msplatona Автор вопроса

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

Написано более трёх лет назад
alex-1917 @alex-1917

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

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

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

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

11 комментариев

Таня @msplatona Автор вопроса

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

Написано более трёх лет назад
Максим @Tomio

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

Написано более трёх лет назад
Таня @msplatona Автор вопроса

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

Написано более трёх лет назад
Максим @Tomio

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

Написано более трёх лет назад
Таня @msplatona Автор вопроса

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

Написано более трёх лет назад
Максим @Tomio

Таня, поднимитесь выше по дереву до 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/

Написано более трёх лет назад
Таня @msplatona Автор вопроса

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

Написано более трёх лет назад
Максим @Tomio

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

Написано более трёх лет назад
Таня @msplatona Автор вопроса

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

Написано более трёх лет назад
Максим @Tomio

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

Написано более трёх лет назад
Таня @msplatona Автор вопроса

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

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

PHP

+1 ещё

Простой
Почему перестали отображаться новости на детальной странице новостей?
- 1 подписчик
- 52 минуты назад
- 16 просмотров
0

ответов
1С-Битрикс

Простой
Добавить доп. поля в веб форму Битрикс?
- 1 подписчик
- 3 часа назад
- 12 просмотров
0

ответов
1С-Битрикс

Средний
Как сгенерировать URL для фильтра в списке пользователей (админка)?
- 1 подписчик
- 16 часов назад
- 46 просмотров
1

ответ
1С-Битрикс

Простой
Что за файл index@.html в Битрикс?
- 1 подписчик
- 20 часов назад
- 40 просмотров
1

ответ
1С-Битрикс

Простой
Как правильно добавить файл в агенты?
- 1 подписчик
- 21 час назад
- 20 просмотров
0

ответов
1С-Битрикс

Простой
Почему Loader::includeModule() не видит модуль?
- 1 подписчик
- 23 часа назад
- 47 просмотров
2

ответа
1С-Битрикс

Простой
Почему не дергает с массива перевод месяца в битриксе?
- 1 подписчик
- 23 часа назад
- 19 просмотров
1

ответ
1С-Битрикс

Простой
Как сделать следующую структуру URL в битрикс?
- 1 подписчик
- вчера
- 29 просмотров
1

ответ
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- вчера
- 49 просмотров
0

ответов
1С-Битрикс

Простой
Почему страницы раздела перенаправляет на 404?
- 1 подписчик
- вчера
- 33 просмотра
1

ответ
Показать ещё Загружается…

Frontend Vue & Capacitor Developer Middle++

Parasol Software

от 2 000 до 2 500 $

Frontend программист-разработчик

Максавит • Нижний Новгород

До 200 000 ₽

PHP-программист (SEO-правки)

Demis Group

от 50 000 ₽

Сверстать 3 страницы для WebApp и 1 Web

25 апр. 2024, в 13:36

2000 руб./за проект

Интегрировать в flutter проект storekit external link (ios)

25 апр. 2024, в 13:21

5000 руб./за проект

Реализовать часть интерфейса для образовательных курсов на React

25 апр. 2024, в 13:13

5000 руб./за проект

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

Вопрос необходимо конкретизировать (что конкретно не получается), т. к. количество вариантов ответа приближается к бесконечности.
Вопрос немного не корректный.
1) С каким компонентом входящим в состав bitrix.catalog у вас возникли трудности?
2) какой ваш уровень знаний битрикса и какой у вас опыт работы с ним?
3) Проходили ли вы подготовку, смотрели ли онлайн курсы битрикс?
Ярослав Александров, трудности возникли с тем что я не понимаю куда вставлять верстку и как вытащить данные из массива $arResult в файлике например section.php
Таня, комплексный компонент это три страницы - главная страница каталога, страница категории каталога, детальная страница товара. Вы какой именно макет собрались внедрять?
- поставьте локально демо магазин,
- посмотрите из каких компонентов состоит комплексный и для чего они предназначены.
- посмотрите код шаблонов этих компонентов
- разделите вашу вёрстку на функциональные блоки согласно компонентов входящих в состав комплексного.
Модератор, здесь демонстрация не кода, а структуры файлов .
Модератор, не понимаю что вы имеете ввиду
Таня,
В bash/console есть утилиты для представления структуры дирректорий в текстовом виде
Модератор, я не умею ими пользоваться
и как вытащить данные из массива $arResult в файлике например section.php

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

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

Answer 1 · 2019-09-04 14:15:50

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

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт