Ajax загрузка во всплывающую корзину

Здравствуйте Александр! Пробовала решения, найденные в интернете и не помогли решить проблему. Сайт https://www.academy-kvant-psi.ru/ Справа вверху значок всплывающей корзины. Она не обновляет содержимое на лету. Только перезагрузка страницы помогает обновить ее. В шаблоне хедера блок с вызовом

<div id="offcanvas-add-cart__box" class="offcanvas offcanvas-cart offcanvas-add-cart" tabindex="-1" aria-labelledby="offcanvas-add-cart__boxLabel">
    <div class="offcanvas__top offcanvas-header">
      <span class="offcanvas__top-text" id="offcanvas-add-cart__boxLabel"><i class="las la-shopping-cart"></i> Для покупки</span>
      <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body">
      {$_modx->runSnippet('!msMiniCart', [
        'tpl' => '@FILE chunks/minicart.tpl'
      ])}
      {$_modx->runSnippet('!msCart', [
        'tpl' => '@FILE chunks/cartOfcanvas.tpl',
        'includeThumbs' => '70x50'
      ])}
    </div>
  </div>

А как мне получить данные из кеша корзины и загрузить их в #offcanvas__top-text без перезагрузки страницы?