Как скрыть кнопку «Добавить в корзину» в Woocommerce, используя AJAX ЕСЛИ товары уже в корзине

Question

Мне нужна помощь, у меня есть этот фрагмент в wordpress:

    add_action('wp_head', function (){ 
?>
<script>
    jQuery(function($) {
        // Customer click = hide button
        $(".products, .add_to_cart_inline, .added").on("click", function(e) {
            $(".add_to_cart_button.product_type_simple").hide();
        });

        });
    </script>

<?php });

Этот код скрывает все добавить в корзину после того, как пользователь нажал на нее.

Моя цель: Для каждого элемента / продукта, который был добавлен в корзину, кнопка добавления в корзину автоматически скрывается.

Вот скриншот того, чего я хочу достичь:

Кнопка нажата

Кнопка скрыта

Есть предложения?

Заранее спасибо!

Answer 1

Сценарий выбирает все кнопки.
Вы должны выбрать только ту кнопку, на которую нажимаете, и скрыть ее.

Попробуйте вместо этого сценарий. Для выбора нажатой кнопки используется $(this).
Убедитесь, что вы выбираете правильный класс кнопок. Например, используйте devtools, чтобы узнать, к какому классу относится каждая кнопка добавления.

<script>
  jQuery(function($) {
  // Customer click = hide button
    $(".add_to_cart_button").on("click", function(e) {
      $(this).hide();
    });
  });
</script>