Вариант WooCommerce продукта выберите настройки окна предупреждения

Question

Можно настроить окно оповещения о вариации продукта?

Я хочу показать модальное окно начальной загрузки вместо окна оповещения по умолчанию.

Я пробовал, как показано ниже.но не лизать.

    jQuery(document).on("click", ".single-product .single_add_to_cart_button", function(){
        jQuery('#Content').modal("show");
        return false;
    });

Answer 1

Вы можете использовать подход, основанный на селекторе классов CSS.

По сути, вы используете событие click и, с помощью пары вложенных условных операторов, основанных на селекторах CSS, выполняете ваш код.Когда код выполняется, вы возвращаете false, чтобы предотвратить срабатывание оповещения.

Поскольку мы ".disabled" относим класс к .single_add_to_cart_button ", его можно безопасно использовать в любом месте вашей темы JS.

Протестированои это работает.

Источник: https://github.com/woocommerce/woocommerce/blob/master/assets/js/frontend/add-to-cart-variation.js#L94

$('.single_add_to_cart_button').on('click', function (event) {

        if ($(this).is('.disabled')) {
            event.preventDefault();

            if ($(this).is('.wc-variation-is-unavailable')) {

                //Do your thing for unavailable variation

            } else if ($(this).is('.wc-variation-selection-needed')) {

                //Do your thing for not selected variation

            }

        }
        return false;
    });

Answer 2

Вот решение jQuery, которое остановит оповещение и позволит вам заниматься своими делами.Вы можете добавить свою собственную проверку по мере необходимости, она работала хорошо для меня, хотя я думаю, что каким-то образом использование wc_add_notice было бы лучшим решением, я не мог понять это.

$('.single_add_to_cart_button').click(function(e){
    e.preventDefault(); // Stop the button
    // Do your custom validation here
    return false; // Prevent the Alert from firing
});