Swatches when variables are disabled

I’ve add a css below to make these variables are out of stock or disabled.

.single-product-content .variations .swatches-select .swatch-disabled {
display:none;
}

The problem is the ajax are not function while the products page open, it’s have to click the swatches options (ex: color / size) then the disable options will disappear.

Could the ajax are function while the products page open instead click the swatches options to make it disappear.

My english isn’t well to describe, please visit my product page with disabled swatches option.

Hello,

Thank you so much purchasing our theme and contacting our support center. Would like to say that your website looks very clean and beautiful.

Try to add the following JS trick to the Custom JS on document ready in Theme Settings

setTimeout(function() {
	jQuery('.active-swatch').trigger('click');
}, 300);

Kind Regards
XTemos Studio

thanks so much that solved my problem, but that JS seems doesn’t function on Chrome browser?

This code should work correctly in the Chrome. Try to clear the browser cache.

[Author]

Posts