в catalog.section есть параметр FILTER_NAME, туда передает сам фильтр масив фильтрации, передайте туда в поле ID ваши айди товаров, можете взять их напрямую с урла, или там где еще они есть
Сам разобрался, опишу алгоритм, может кому-то пригодится:
1. Нужно создать пустой массив вне шаблона компонента, например в header.php
2. В шаблоне компонента склеить пустой масив, и масив данные которого нужно сохранить. (Я передавал массив php в js, поэтому использовал функцию concat для этого)
3. Далее с помощью jquery, а именно функции $.extend() склеил массивы, которые записались в пустой массив при вызове компонентов.
4. В результате есть один целый массив со всеми данными которые передал компонент при итерации его вызовов.
Бутстрап можно кастомизировать, то есть выбирать то, что тебе нужно для каждого проекта. https://getbootstrap.com/docs/3.3/customize/
Не нужно давать пользователю загружать то, что не будет использоваться.
//
Я лично юзаю flexbox, да они сейчас широко используются, о гридах вообще особо не слышал чтобы их юзали сейчас.