I already found a solution. I added the file woocommerce/single-product/add-to-cart/variable.php to the child volume. I added a check there in the code on line 284:
$variation_in_stock = false;
foreach ( $available_variations as $variation ) {
if ( isset( $variation[‘attributes’][ ‘attribute_’ . $attribute_name ] ) &&
$variation[‘attributes’][ ‘attribute_’ . $attribute_name ] === $term->slug &&
$variation[‘is_in_stock’]
) {
$variation_in_stock = true;
break;
}
}
if ( !$variation_in_stock ) {
$class .= ‘ wd-variation-out-of-stock’;
}
I also added the CSS style in style.css:
.single-product .wd-swatch.wd-variation-out-of-stock {
opacity: 0.5;
}
Please check this on your side and make it possible for swatches to become semi-transparent (wd-disabled) if the product is not available, but the products that are not available are not hidden on the site.
.
