javascript - WooCommerce reset product variations list to first one after using browser back button and page refresh?

Question

I have a problem with WooCommerce variations dropdown list. When user refresh the page, list is reseted too. But when the user add product to cart, then page is reloading but list is not reseted to default (first, empty) option.

I was trying to trigger <a class="reset_variations" href="#"> on page load with JS but still after reload selected variation is the one that user selected.

Here is my JS:

(function($){   
     $(function() {
        $(".reset_variations").trigger("click");
    });
})(jQuery);

Same problem exists ehen user use browser back button. Also can't reset the list to the first, empty option from SELECT list.

Any ideas how to fix it?

question from:https://stackoverflow.com/questions/66062470/woocommerce-reset-product-variations-list-to-first-one-after-using-browser-back

Answer 1

Waitting for answers