Skip Navigation

[Résolu] Display product variety thumbnails on product page

Ce fil est résolu. Voici une description du problème et la solution proposée.

Problem:
How to change product variation image when a particular variation is selected from the dropdown, in WooCommerce Variable Product page.

Solution:
1. It's a builtin option of WooCommerce where you can specify separate image for your each Product Variation and it does change with the dropdown selection.

- Please see this video (specifically after 2:00 min), select video title link named as “Variable Product Overview”:
https://docs.woocommerce.com/document/woocommerce-guided-tour-videos/

- Screenshot: https://d7j863fr5jhrr.cloudfront.net/wp-content/uploads/2017/01/484269-Variable_Product_Images.png

2. Furthermore, if you want to choose product variations by clicking on image thumbnails, basically it's not possible with Toolset to select variation value by clicking on thumbnail.

But you can use any of the following extensions:
https://codecanyon.net/item/woocommerce-variations-images/17780604
https://codecanyon.net/item/openswatch-woocommerce-variations-image-swatch/12696014

Relevant Documentation:
https://docs.woocommerce.com/document/woocommerce-guided-tour-videos/

This support ticket is created Il y a 7 années et 1 mois. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
- 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 -
- 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

Marqué : ,

This topic contains 3 réponses, has 2 voix.

Last updated by Noman Il y a 7 années et 1 mois.

Assisted by: Noman.

Auteur
Publications
#483886
product example.png

I am trying to: show product variety thumbnails on the product page, using woocommerce and views

I visited this URL: Could not find any relevant support threads

I expected to see: A way I could query product variations on the parent product page. Their post type in the posts table is 'product_variation' and their post_parent is the PostID of the product.

So is there a known way by which the product variation thumbnail can be displayed when that variety is selected from the dropdown? - or, better still, can a variation be chosen by clicking on its thumbnail...?

In the attached image we used Woocommerce view fields to display the varieties dropdown with the Add to Cart button. When we select a product variation from the dropdown, the price changes. We would like the image thumbnail to change accordingly too. Can Views help us to achieve that?

I sought help from Woocommerce, but the best they could offer was an expensive extension, and I'm not convinced it does what we need. If we can do it with views it would be great.

Thank you
Tim

#484269

Noman
Supporter

Languages: Anglais (English )

Timezone: Asia/Karachi (GMT+05:00)

Variable Product Images.png

Hi Tim,

Thank you for reaching out to us. Changing product variation thumbnail when that variety is selected from the dropdown, it's a builtin option of WooCommerce where you can specify separate image for your each Product Variation and it does change with the dropdown selection.

- Please see this video at this link (specifically after 2:00 min), select video title link named as “Variable Product Overview”:
https://docs.woocommerce.com/document/woocommerce-guided-tour-videos/

- I have also attached a screenshot for you.

- However, the second option you have asked about, it's not possible with Toolset to select variation value by clicking on thumbnail. But you can use some very low cost extensions with one-time fees, I searched some of them for you, please check them here:
hidden link
hidden link

I hope this helps, have a great day.
Thank you

#485227

Thank you Norman
Your pointers helped, and I've managed to get the variation images showing now.

Best wishes
Tim

#485481

Noman
Supporter

Languages: Anglais (English )

Timezone: Asia/Karachi (GMT+05:00)

Hello Tim,

Great to hear that the issue is resolved now 🙂 We are always happy to help you out.

Have a great weekend,
Thank you

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.