Помогите правильно настроить работу AjaxSnippet

Суть. В карточке товара buketbro.ru/korzina.html есть вывод категорий и вывод товаров в них prntscr.com/po576j. Нужно сделать так, что бы при переходе из одной категории в другую товары обновлялись не перезагружая страницу. На данный момент при клике на другую категорию происходит переход в эту категорию.
Код вывода меню и сниппета AjaxSnippet prntscr.com/po57t.

Код AjaxSnippet

[[!AjaxSnippet?
		      &snippet=`msProducts`
		      &parents=`56`
		      &tpl=`gridProduktPodarokTpl`
                      &as_mode=`onclick`
                      &limit=`6`
        ]]

Код чанка gridProduktPodarokTpl. prntscr.com/po58m9.

<div class="col ms2_product">
<form method="post" class="ms2_form d-flex flex-column flex-md-row align-items-center no-gutters">
		<input type="hidden" name="id" value="{$id}">
        <input type="hidden" name="count" value="1">
<div class="item">
		  <a href="{$id | url}" class="img">
		      {if $thumb?}
			<img src="{$thumb}" alt="{$pagetitle}">
			{else}{/if}
		  </a>
		  <a href="{$id | url}" class="name" style="height: 43px;">{$pagetitle}</a>
		  <div>Цена:
			<div class="price">{$price}<span class="Rub">руб.</span></div>
		  </div>
		  <div class="btns">
			<button type="submit" name="ms2_action" value="cart/add" class="buy addtobasket"><span>Добавить</span></button>
		  </div>
		  
</div>
</form>
</div>

Подскажите пожалуйста как правильно вывести товары что бы они выводились в каждой категории при переходе в саму категорию без перезагрузки страницы. Надеюсь что правильно объяснил. За ранее спасибо.