Как отключить кнопку начальной загрузки?

Question

На этой странице

https://www.s1biose.com/produit/savon-artisanal-bio-la-cannelle

Я хочу отключить кнопку «Добавить в корзину». Поэтому я добавил следующий код в JS-файл моей темы:

(function ($) {

  $('.commerce-order-item-add-to-cart-form .btn').prop("disabled", true);

})(window.jQuery);

Работает, но есть проблема.

Когда я меняю вариант продукта, кнопка активируется. Почему?

Я хочу, чтобы его отключили.

На этом скриншоте кнопка отключена

На этом скриншоте кнопка должна оставаться отключенной. Но это не работает

Answer 1

Изменение выпадающего списка запускает сетевое событие.Ваша DOM обновляется об успехе этого события. Я предлагаю вам отследить функции, которые отвечают за повторную визуализацию этого компонента в вашем шаблоне, и внести соответствующие изменения.

const disableBtn = () => 
    $('.commerce-order-item-add-to-cart-form .btn').prop("disabled", true);
$(document).ajaxSuccess(disableBtn);

Приведенный выше фрагмент кода является простым иочень наивное решение.Это работает, но я не рекомендую вам использовать его, но учиться на нем. Т.е. я бы НИКОГДА не делал этого в производстве.

Без доступа к вашему источнику я не могу вам помочь.