Здравствуйте!
На странице есть товары, хотел реализовать кнопки "Загрузить ещё" с помощью pdoPage .
Если вывожу одну категорию, то всё работает.
Вывожу две категории, то не работает.
Кнопки выводятся, но если нажать например в первой категории всё выводит, а на второй категории, если нажать то уже не срабатывает. И наоборот нажимаешь во второй категории, то первая уже не срабатывает.
<div class="mb-90">
<div class="row mb-4">
<div class="col">
<h2 class="h1">Керамические блоки</h2>
</div>
</div>
<div id="pdopage-cat-a-all">
<div class="rows-a row">
[[!pdoPage?
&parents = `21`
&tpl = `Tpl_product_card`
&includeTVs=`image_poduct, sale, brand`
&totalVar=`itemsTotal`
&limit=`4`
&ajaxMode=`button`
&processTVs=`1`
&ajaxElemWrapper=`#pdopage-cat-a-all`
&ajaxElemRows=`#pdopage-cat-a-all .rows-a`
&ajaxElemPagination=`#pdopage-cat-a-all .pagination`
&ajaxElemLink=`#pdopage-cat-a-all .pagination a`
&ajaxElemMore=`#pdopage-cat-a-all .load-more-a .btn-all`
&ajaxTplMore=`@INLINE <div class="load-more-a text-center"><button class="btn btn-orange btn-more-a btn-all w-auto px-4 fw-bold text-white"><i class="bi bi-arrow-clockwise pe-2"></i>Загрузить еще</button></div>`
]]
</div>
[[!+page.nav]]
</div>
</div>
<div class="mb-90">
<div class="row mb-4">
<div class="col">
<h2 class="h1">Газобетонные блоки</h2>
</div>
</div>
<div id="pdopage-cat-all">
<div class="rows row">
[[!pdoPage?
&parents = `47`
&tpl = `Tpl_product_card`
&includeTVs=`image_poduct, sale, brand`
&totalVar=`itemsTotal`
&limit=`4`
&ajaxMode=`button`
&processTVs=`1`
&ajaxElemWrapper=`#pdopage-cat-all`
&ajaxElemRows=`#pdopage-cat-all .rows`
&ajaxElemPagination=`#pdopage-cat-all .pagination`
&ajaxElemLink=`#pdopage-cat-all .pagination a`
&ajaxElemMore=`#pdopage-cat-all .load-more .btn-all`
&ajaxTplMore=`@INLINE <div class="load-more text-center"><button class="btn btn-orange btn-more btn-all w-auto px-4 fw-bold text-white"><i class="bi bi-arrow-clockwise pe-2"></i>Загрузить еще</button></div>`
]]
</div>
[[!+page.nav]]
</div>
</div>
Заранее благодарю!