Удалите дублирующийся div при обновлении корзины в Woocommerce

Question

Я создаю новый веб-сайт с помощью Wordpress и Woocommerce. Я создал дочернюю тему магазина и работал над ней. Мне нужно было внести несколько изменений на странице корзины, поэтому я переписал шаблон cart.php на своем дочернем элементе.

Проблема, с которой я сталкиваюсь, заключается в том, что когда я нажимаю обновить корзину, она дублируетФорма, которая содержит список продуктов.

То, что я пробовал до сих пор, было использовать jQuery remove();, но, поскольку страница не обновляется, я не могу использовать готовый документфункция или что-то в этом роде для удаления лишних элементов.

Есть ли у кого-нибудь быстрое решение для этого?

Что у меня пока так:

$(document).ready(function(){
   $(".cart-page-desktop:not(:first)").remove();
   $(".cart-page-mobile:not(:first)").remove();
});

Divs, которые дублируются, называются .cart-page-desktop и. cart-page-mobile. Спасибо за вашу помощь.

Answer 1

После глубокого поиска пользовательских событий Woocommerce я нашел updated_cart_totals и со следующим фрагментом кода решил свою проблему.

$( document.body ).on( 'updated_cart_totals', function(){
    $(".cart-page-desktop:not(:first)").remove();
    $(".cart-page-mobile:not(:first)").remove();
});

Публикация на случай, если это будет полезно длякто-нибудь еще.