Обновление корзины через ajax?

Question

[Sinner3]

Хочу использовать на сайте в качестве корзины на всех страницах компонент "bitrix:sale.basket.basket", но он не обновляется при добавлении товара.
Решил попробовать сделать загрузку ajax при нажатии на кнопку добавить в корзину ".catalog-elems__add",
написал следующий скрипт

$(document).on('click','.catalog-elems__add',function(e){
    $("#basket-container").load("/catalog/basket.php #comments");
           });

в файле "/catalog/basket.php" файл выглядит так

<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("basket");
?><div  id="comments">
<?
$APPLICATION->IncludeComponent(
	"bitrix:sale.basket.basket",
	"",
	Array(
		...
	),
false,
Array(
	'ACTIVE_COMPONENT' => 'Y'
)
);?>
</div><?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>

но при нажатии нечего не отображается
Попробовал добавить стили с корзины сразу в шаблон, но это не помогло
Думаю проблема в том что он просто копирует html без стилей скриптов

Comments

[Sinner3]

получилось вывести корзину, забыл указать шаблон компонента в файле basket.php
Но новая проблема, дело в том что компонент пересчитывает товары в корзины после загрузки страницы, и получается что я загружаю готовый код, но нет товаров в корзине и общей суммы.

Answer 1

[Роман Грицук]

Очень плохая идея использовать этот компонент в качестве малой корзины. Компонент на каждом хотите делает пересчет цены на товары, которые лежат в корзине.

Comments

[Sinner3]

я так и не понял в чем эта идея плоха, объясните более развернуто пожалуйста

[Роман Грицук]

При каждом хите( каждой загрузке) будет отрабатывать довольно "тяжёлый" компонент. Сайт будет работать медленнее.