Битрикс умный фильтр AJAX мгновенная фильтрация?

Question

[SteepNET]

Добрый день!
Хочется получить мгновенную фильтрацию без перезагрузки страницы.
Битрикс, в корне catalog.smart.filter, ниже catalog.section у обоих "AJAX_MODE" => "Y"
У catalog.smart.filter дописываю

"AJAX_MODE" => "Y",
"INSTANT_RELOAD" => "Y",
"AJAX_OPTION_JUMP" => "N",
"AJAX_OPTION_HISTORY" => "Y"

Обоих случаях происходит следующее:
1.Выбираю в фильтре параметр, сам фильтр сразу пропадает, результаты фильтрации в catalog.section без изменений.
2.Обновляю страницу, фильтр появляется и результаты в catalog.section согласно выставленному фильтру.

Если делаю какую то фильтрацию в catalog.section там у меня кол-во выводимых товаров на странице и сортировка ,происходит тоже самое ..catalog.section исчезает, после обновления страницы появляется уже с фильтром.

Ошибок в консоли нет...
Как можно задебажить? Что может не так работать?

Comments

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

То что вы пишите это неправильная работа. Проверьте сначала на базе системных шаблонов битрикс в которых не было доработок и модификаций.
Я думаю, что мгновенная работа фильтра обеспечивается только в комплексном компоненте bitrix.catalog, в вашем случае работать не будет.

[PetrPo]

Ты все продолжаешь свой велосипед собирать))

Как можно задебажить? Что может не так работать?

Почему у тебя фильтр исчезает сказать не могу, чего-то ты там перекостылил, тебе сначала это надо задебажить, то есть у тебя стандартная работа отвалилась.

Но могу объяснить почему не фильтруется. А не фильтруется потому что ты велосипед делаешь, видишь какой замкнутый круг получился)). Люди, так сказать с опытом, бывает е.утся с этим битриксовым ajax-ом не в силах понять, а ты решил от простой сортировки сразу к магии битрикса перейти.

Ладно, если по существу и на пальцах, когда ставишь параметр AJAX_MODE => 'Y', к примеру у smart.filter, то при ajax-запросе обновляется этот самый smat.filter, компонент catalog.section понятия не имеет о том, что ты обновил фильтр.
Если чуть глубже, когда ты ставишь этот флаг, создается не только экземпляр класса CBitrixComponent, а еще и CComponentAjax - вот тут и происходит магия битриксовых костылей.

Думаю вариантов решения несколько, но на мой взгляд самый нормальный - это тебе понять почему в комплексном компоненте каталога фильтр + section работают нормально, а когда ты их отдельно ставишь - не работает. Подсказка: файл section.php в комплексном компоненте - ни у фильтра, ни у section нет параметра AJAX_MODE.

[SteepNET]

PetrPo, Ок разумно ли будет пытаться реализовать комплексный каталог на главной в корне вместо этих не комплексных? Тем более что комплексный каталог я использую уже в /catalog/ как вообще сделать не велосипед?

[PetrPo]

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

Это решит несколько проблем:
- настройка параметров будет происходить в одном месте, а не так что поменял тип цены в catalog.section, надо менять в smart.filter
- сможешь оставить/добавить только те параметры, которые тебе нужны. Например сможешь сделать multiselect с выбором полей для сортировки, ну тут уже на что фантазии хватит...
- ну и проблема с ajax решится, в первом комменте я писал что ни у фильтра, ни у section нет параметра AJAX_MODE. Он есть у комплексного компонента, то есть когда он магически обновляется, обновляются и компоненты внутри него, вот тебе такую же хрень надо сделать

[PetrPo]

SteepNET, Если не получится, пиши, подскажу

[SteepNET]

PetrPo, Спасибо за помощь! Вообще у меня задумка выводить товар на главной сразу без разделов и иного способа как с помощью catalog.section я не вижу, так же нужно и иметь большой фильтр по всем почти параметрам. Комплексный каталог я использую в /catalog/ там я вывожу все по человечески с разделами и.т.д..
Видел тот же аспро делает catalog.top на главной .
Идею свиснул у Базарова https://camouf.ru/blog-note/5933/
Свои компоненты честно еще не пробовал делать, но если есть какая то заготовка буду рад попробовать!

[PetrPo]

Могу супер примитивный вариант скинуть, который сам накидал вчера. Скопировал просто комплексный компонент catalog и почти все удалил оттуда, так что там очень мало параметров в компоненте, но для минимальной работы мне хватило. Сравнишь файл .parameters.php с битриксовым каталогом если другие параметры нужны будут.
ссылка

1. Закинешь в /bitrix/components/
2. Папка petrpo - это типа как пространство имен, можешь заменить на свое какое-нибудь, название компонента там catalog - можешь по-другому назвать.
3. Внутри компонента шаблон .default в файле template.php подключаются фильтр + section (bootstrap_v4), можешь туда же свою сортировку поставить, шаблон не кешируется, так что проблем не будет
4. Потом в публичной части изменить страницу в визуальном редакторе и joxi.ru/nAyWBZetgONoEm
ставишь компонент, настраиваешь и радуешься.

[SteepNET]

PetrPo, Все сделал! И что интересно Если ставлю свои шаблоны , то поведение в точности тоже что я описывал ранее , тоесть все пропадает со страницы, но на этот раз пропадает и фильтр и catalog.section потому как это один компонент..,после обновления страницы ,появляется в отфильтрованном виде..

Если оставляю твои шаблоны тогда фильтр просто маргнет и сброситься к дефолтным настройкам..

spoiler

<?$APPLICATION->IncludeComponent(
"petrpo:catalog",
"",
Array(
"AJAX_MODE" => "Y",
"AJAX_OPTION_ADDITIONAL" => "",
"AJAX_OPTION_HISTORY" => "Y",
"AJAX_OPTION_JUMP" => "Y",
"AJAX_OPTION_STYLE" => "Y",
"CACHE_FILTER" => "N",
"CACHE_GROUPS" => "Y",
"CACHE_TIME" => "36000000",
"CACHE_TYPE" => "N",
"ELEMENT_SORT_FIELD" => "sort",
"ELEMENT_SORT_FIELD2" => "id",
"ELEMENT_SORT_ORDER" => "asc",
"ELEMENT_SORT_ORDER2" => "desc",
"FILTER_NAME" => "arrFilter",
"IBLOCK_ID" => "1",
"IBLOCK_TYPE" => "Providers",
"INSTANT_RELOAD" => "Y",
"PRICE_CODE" => array("Base"),
"PRICE_VAT_INCLUDE" => "Y",
"PRICE_VAT_SHOW_VALUE" => "N",
"SHOW_PRICE_COUNT" => "1",
"USE_PRICE_COUNT" => "N"
)
);?>

Путь до шаблона получился такой \local\components\petrpo\catalog\templates\.default
Думаю то что не в системном пространстве роли не играет?

[PetrPo]

Я так не могу сказать почему у тебя не работает, протестил на btirixlabs, все ок ссылка

Попробуй на чистую страницу поставить этот компонент, посмотри через консоль что у тебя в ответе приходит,

[SteepNET]

PetrPo, Да,все верно, работает с .default шаблонами как надо, если ставлю bootstrap_v4 или свои у smart.filter то перестает работать..
В общем не знаю,если дебажить этот ajax никак , то может стоит вернуться к без ajax методу фильтрации...

[PetrPo]

может стоит вернуться к без ajax методу фильтрации...

Тут уже сам смотри... могу только своими опытом поделиться.
С точки зрения юзабилити (или как сейчас это модно стали называть UX - User Experience), если на главной странице надо крутить до каталога, то есть перед ним там баннеры или еще что-то есть, то это будет очень плохо, потеря пользователей обеспечена, лучше тогда вообще от фильтра отказаться и выводить как это принято, какие-нибудь хиты продаж. Если крутить не надо, можешь перезагрузку страницы оставить.

Ну а вообще, можешь запаковать свой шаблон и мне скинуть, я задебажу. Сразу говорю на свой страх и риск, ведь я могу украсть твой шаблон))

[SteepNET]

PetrPo, Была вот такая анимация в шаблоне (data-animate="fadeInUp" data-delay="0.2") из-за нее и не срабатывало, убрал все заработало! А вот как заработало то сразу показалось не лишнее ли это =) Сразу все дергается..
Что касается нужды на главной располагать фильтр с каталогом ,это такая специфика задумки, выводятся не совсем товары, но элементы каталога, у них очень много параметров и их надо фильтровать, в этом весь смысл затеи.
По затее выводить нужно элементы в таблице именно на главной. Но тут увидев это я подумал что наверное это неудобно , потянув один рычаг сразу дергать все что есть. Думаю что все же лучше надергать в фильтре что тебе хочется,увидеть какое количество найдено и нажать "показать".
В любом случае это бесценный для меня опыт лицезрения обрезки комплексного каталога =)
Теперь я могу в принципе оба варианта использовать если даже всхотнется мгновенную сортировку.
Но конечно для потомков раскопать секрет сортировки через ajax не комплексном каталоге все же было бы интересно.
Где то в script.js на строке if (result.INSTANT_RELOAD && result.COMPONENT_CONTAINER_ID) это происходит наверное , ведь в строку адреса параметры сразу встают которые нужно, не хватает только обновления страницы, если ее в ручную релоадить то фильтр выводит.

[PetrPo]

SteepNET, в твоем случае наверное, фильтр как у dns было бы хорошо сделать ссылка

Про сортировку, не совсем понял, ты хочешь чтобы та сортировка, которую делал ты делал catalog.section ajax-ом перезагружала?

[SteepNET]

PetrPo, Не сортировку а фильтрацию, запарился не так написал...
Да у DNS хорошая фильтрация но она вертикальная ,может как раз в комплексном так организую.., но там мне нужно тупо фильтровать элементы раздела,это вообще возможно?
У вертикального фильтра удобно то что сразу показывает у каждого параметра сколько таких товаров, в горизонтальном же такого нет...

[PetrPo]

этот фильтр у битрикса и рассчитан на фильтрацию элементов раздела, если в комплексном компоненте посмотришь на подключение фильтра у него параметр есть "SECTION_ID" => $arCurSection['ID']

[SteepNET]

PetrPo, Подскажи пожалуйста, вопрос созрел вот мы накрутили разных параметров, видел некоторые разработчики запихивают все эти настройки в один модуль ,и их глобально используют потом, может создать новый вопрос ?
Подскажи где можно почитать или подскажи трудно ли это ? а то начал теряться что где уже и настраивается..
Еще этот вопрос не изучал,хотелось бы понять, да и потом если выносить все это в в отдельный модуль с шаблоном с установкой удобнее же будет..

[PetrPo]

SteepNET, ну почитай как делать модуль
битрикс
пример модуля и табличкой в БД
Можешь бесплатный модуль установить какой-нибудь, посмотреть как другие делают

По поводу параметров, тут ты разработчик, ты и решаешь какие параметры будут от модуля браться, применять их можно абсолютно по разному - можно в компоненте, например, можно глобально на какие-нибудь события завязываться, типа onEndBufferContent, как пример можешь про google recaptcha почитать ссылка
Типа у тебя есть параметр в модуле, который ты сам придумал, юзать google recaptcha на всем сайте, если чекнута во всех формах на сайте меняешь стандартную капчу на google, а может у тебя 5 форм на сайте и ты хочешь чтобы юзер для каждой формы мог настроить такую опцию... Импровизируй))

[SteepNET]

PetrPo, Прости что дергаю тебя , знаю ты профи в js , может подскажешь по вопросу Fullscreen on\off?