Наполнение корзины без перезагрузки

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

Примечание: Каталог находится в основной части контента, корзина находится в правом верхнем углу во всплывашке.




Структура корзины и миникорзины такова:

<div class="cart_block">
                    <div class="title"><span class="i i-cart"></span>Корзина</div>
                    <div class="cart">[[!msMiniCart]]</div>
                    <div class="cart_popup">
                        [[!msCart? 
			                   &tplEmpty=`tpl.msCart.empty_mini`
                               &tplOuter=`tpl.msCart.outer_mini`
                               &tplRow=`tpl.msCart.row_mini`
			            ]]
                        <div class="cart_go"><a href="/index.php?id=2">Перейти в корзину</a></div>
                    </div>
                </div>

Собственно div с классом cart_popup — это и есть всплывашка.

Структура tpl.msCart.outer_mini:

<div class="cart_inner">
<div id="msCart">
   [[+goods]]
</div>
<div class="summ">
<div class="cart_total">
  <div class="total">
    Итого: [[+total_cost]] <span class="r">a</span>     
  </div>
</div>  
</div>

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

Можете сами убедиться в том как все работает: gigstroy42.pfta.ru/декоративный-камень/

{data: {key: "25450f3db7e74c50ab11422fe58b507b", total_count: 5, total_cost: 2735, total_weight: 0}
key: "25450f3db7e74c50ab11422fe58b507b"
total_cost: 2735
total_count: 5
total_weight: 0
message: "Количество товара в корзине успешно изменено: 2"
success: true}