Color variations do not show up in catalog mode on product page

Color variations do not show up in catalog mode on product page, but once I turn off catalog mode I can see color options.

I need catalog mode as we are not taking orders online, but clients need to see colors available per merchandise.

Shop page will still show color variations when catalog mode is on.

weird.

Attachments:

You must be logged in to view attached files.

I found this online but I believe the current implementation of catalog mode is native to xtemos and not using the yith plugin?…

Hi,
normally, the plugin lets variations visible, hiding only the button “Add To Cart”. If not add this function to your “functions.php” and let me know:

add_filter(‘ywctm_catalog_classes’,’my_variation_classes’);
function my_variation_classes( $classes ){

$classes[]= ‘<MY ADD TO CART CLASS>’;

return $classes;

}

https://wordpress.org/support/topic/variable-products-17/

Hello,

Thank you for choosing our theme and contacting us.

Color variations on the single product page are related to the “Add to cart” form and so they hidden in catalog mode too. We suggest you disable Catalog mode and then we will provide you with a custom CSS snippet to hide all add to cart buttons. We need your website link for this.

Kind Regards
XTemos Studio

Does it matter if the site is currently on a staging url while in development?
For the css code you will provide.

No, it doesn’t matter.

Below.

Also for variable products I get the message

‘Sorry, this product is unavailable. Please choose a different combination.’

Even though I have it as in stock. I know it’s because of the section of ‘variable product price

Is there a way around it not showing you that message if it doesn’t have a price?

Since they are a print manufacturer prices depend on the quantity ordered.
Normally they would have a price sheet like the image I attached.

Attachments:

You must be logged in to view attached files.

Here is a code snippet to hide “Add to cart” buttons

.single-product-content .single_variation_wrap,
.basel-hover-base .basel-add-btn>a {
	display:none!important;
}

Regards

Hello,

Store before did not have to show a price for variable products and it showed drop-down menu of color variations.

Now it shows as

“THIS PRODUCT IS CURRENTLY OUT OF STOCK AND UNAVAILABLE.”

Even though I have it as in stock. I know it’s because of the section of ‘variable product price, since there is not a price above 0 for variable products. But I haven’t had a price, it just all of a sudden started showing that message of “THIS PRODUCT IS CURRENTLY OUT OF STOCK AND UNAVAILABLE.”

Is there a way around it not showing you that message if it doesn’t have a price?

Since they are a print manufacturer prices depend on the quantity ordered.

All products are showing as not available not in stock.

Attachments:

You must be logged in to view attached files.

Hello,

It is how WooCommerce displays variable products without prices and it doesn’t depend on our theme. Maybe it would be better to set some prices for products, for example, $1 and then hide it with CSS code on the frontend.

Kind Regards

[Author]

Posts