Disable showing variations for products preview (product grid in Shop)

Hi,

We have variable products and the variations are shown in the product preview on the shop page.
We struggle to find any GUI way to disable this, as a) We do not need them there & b) Variations are displayed on-top pf the product that confuses us and our customers.

Could some one show us a snipplet for functions.php to completely remove variations from the product grid?

Thanks

Hello,

The products and the variations are WooCommerce functionality and our theme doesn’t influence them.

Unfortunately, currently I am unable to provide a code snippet. You can try adding any third party plugin that better meets your requirements.

Best Regards.

Ok, fair.

Another question: is there a way to customize a template or stile of a product block in a shop page?

In case we can’t actually hide the variations from a product grid, we need to adjust it;s position and look.

Regards

Hello,

In our theme settings there are different styles for products on the shop page.

You can set the product styles from Theme Settings >> Shop >> Product Styles.

Screenshot for Clarification: https://ibb.co/zHB8qr0

Best Regards.

Sure, Aizaz – I do know where to change it from “front-end” but the thing is that it actually will not solve my issue.

If you can point me to the style(s) that is(are) used to generate the product block that would be nice.
I need to make a new template, may be a custom CSS or a hook with a filter in order to get rid of product variations.

Ok, So I just had a chat with WooCommerce support and they confirmed the way the block is presented is a theme related. So using a standard theme will show the variations in a different fashion.

Please, point me where the block is generated (template) so I at least can check the code.

Regards

Digging further in, i found that class=”attribute-label seems to be responsible for the attributes in the product container. Now the question how it is called upon Shop page generation.

FINALLY!

Case closed: Global CSS
.woocommerce div.product-labels {display: none;}

Hello,

We are Glad that you Solved the issue by yourself. You are Great!!!

Your solution might be useful for someone else.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts