Woocommerce product variation

Support
#1

First off… wow.
I have been using X and Pro exclusively now for years, and it’s been a blast !
loopers, layout builders, grids, and the amazing list just goes on and on ! thank you ThemeCo !

I usually figure everything out myself, but right now I cannot figure this one out… maybe its not possible.

well… I can do this in PHP, easy, but i’m trying to move away from the custom php code, and trying to use Cornerstone, and Layout builder as much as I possibly can so that clients can do their own work if they want :slight_smile:
ok… so…
on to the task…:

I’m using the Layout builder.
Creating a Woocommerce category page
for a clothing shop.
some products have variations.
for example T-shirt has colors
each variation has its own image, custom fields, and whatnot…

I’m trying to create a looper provider that loops over these variations and attributes, so that I can for example display the variation images, and variation custom fields.
could be used for a image slider, and so much more…

see example here:
image

and here is another example:

image
image434×521 50.7 KB

so the ultimate task was to see if I could loop over these variations, and then with some javascript magic switch the main image on hover :wink:
but i’m stuck on the first step…: how can I loop these variations in the amazing Layout builder.

please loop me :wink:
thanks

#2

Hi Baroninn,

Thanks for reaching out.
It seems that you are trying to acheive the design with variation as shown in the example images. If that is the case, it requires some complex customization which is beyond the scope of Theme Support. I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called Elite service, where we offer complex customization

Thanks

#3

your elite service team is booked through the end of the year… :wink:
I will finish this tomorrow with php :wink:
its easy.

I just needed to know if loopers could access the variations and attributes meta.

thanks.

#4

Hello @Baroninn,

If you are using the WC Single to create a custom layout for single products, you can use the WooCommerce Product Gallery and the Add to Cart Form elements to be able to display the product variations. Kindly check out my demo here:

If you are trying to use Loopers, you should be using Looper Provider Query String and then have to create a custom query string to be able to access the variations and attributes meta.

Hope this helps.

#5

thanks Rue,
I’ll give the query string another go :slight_smile:

#6

You are most welcome.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.