$.ajax({
url: '/bitrix/templates/dveri/ajax/basket.php'
$.get('/bitrix/templates/dveri/ajax/count_basket.php').done(function(data){
$.ajax({
//.............
async: false,
//.............
//.............
$("#send").on("click", async function () {
//.............
await $.ajax({
//.............
await $.get('/bitrix/templates/dveri/ajax/count_basket.php').done(function(data){
//.............
$arCurSection['ID'] = 9;
$arResult['VARIABLES'] = [
'SECTION_CODE' => 'underwear',
'SMART_FILTER_PATH' => 'color_ref-is-black'
];
1. Переписать компонент, чтобы кешировались только данные (без html)
2. Оставить форму в component_epilog.php в скрытой div и при загрузке страницы javascript-ом вырезать и вставлять в нужное место
2-ой вариант вонечно проще, но будет дергание при загрузке страницы в том месте куда форма будет вставляться, если она расположена ниже первого видимого экрана, то думаю вообще незаметно будет
UPD
Алексей Емельянов правильно говорит, как-то я не подумал про перенос скриптов в конец страницы
Попробуй добавить data-skip-moving="true"