Attribute Swatches init on product page

Hi,

when i load my product page with swatches, all terms values are displayed and only when i click on a value then some values become disabled and hided because i added a custom css rule for that :

.swatch-on-single.swatch-disabled {
    display:none;
}

i also added a custom Woocommerce hook to increase ajax variation threshold :

function custom_wc_ajax_variation_threshold( $qty, $product ) {
	return 500;
}
add_filter( 'woocommerce_ajax_variation_threshold', 'custom_wc_ajax_variation_threshold', 10, 2 );

https://gyazo.com/0a8e0139f23a28cd1cc20f6b410bad9c

how can i fix it ?
Thanks for your help.

Hello,

Please try to remove custom CSS and check again.

Best Regardss

[Author]

Posts