Reply To: Can't change variable product variations

Hello,

I saw the screenshots you attached.

Basically, the catalog mode disables the cart button from the website and the variations are linked to the cart button that’s why it is hiding them as well.

The CSS I provided is to remove the cart buttons and prices as well. As you require to display the price only on the variable product when you choose a variation.

Please replace the previous Custom CSS with the following then clear cache and check back. And see if this works for you.

.product-type-variable .summary-inner>.price, .wd-scroll-content>.price {
    display: none;
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled, .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled  {
    display: none;
}
.product-type-simple .product-image-summary .cart {
   display: none;
}

Best Regards.