How to display WooCommerce product variations on the homepage using Query Loop?

How To
1

Hello everyone,

Is there any built-in option to display the product variations?

Instead of the “select options” button (see the Screenshot), I want to display the “variations” and the “add to cart/buy now” button there.

image
image315×428 41.6 KB

I have read this documentation, but it is not working for the landing page.

https://academy.bricksbuilder.io/article/product-variation-swatches/#:~:text=Enable%20product%20variation%20swatches,Label%20→%20Add%20custom%20text

Within the “Add to cart” element, I saw the variation options (see the screenshot), but couldn’t figure out how to solve it.

image
image1366×475 99.4 KB

I am not sure if I have missed something.

When you get the chance, please let me know the solutions.

Best Regards

@Painkiller

1 Like
2

Hi, I have the same problem. Did you get this working?

Cheers

3

Hi,

No, I haven’t found any solution for that yet.

4

I gave it a go and was only able to get the swatches to display on the product single page and not within a query loop. So not sure if that is a bug or not.

5

I did the same, but I haven’t tried to use the query loop. So don’t know if that is bug or not.