Hi guys, how are you?
I’d like to display a variation effects with colors, i’ll give an example to understand better what i mean: https://www.mrporter.com/en-it/mens/product/loro-piana/rollnecks/ribbed-baby-cashmere-mock-neck-sweater/9679066508504532
This is the most dynamic example that i know and on this page, when users choose a color, it automatically change the main photo and the feature photos.
I’ve obtained this effect just in the main shop window, with all products, but not in the single page product.
As the example in the link, my product page has 2 variations: size and colors, but i don’t know how to realize that effect, because user has to choose color and also size for changing the photos and see the specific photo of the selected variations.
As you can understand the most important change is generated from users choosing the color, instead the size is less influent for the photos.
How can i realize this effect?
Please, help me!
The option that you are talking about is the variation images gallery. WooCommerce plugin does not have such option by default and we, unfortunately, we have not implemented such feature yet (but it’s present in our features list for future updates). At this moment you can implement this only using additional plugins, for example https://wordpress.org/plugins/woo-product-variation-gallery/ But we think that this plugin won’t be compatible with the custom gallery slider that we use for the single product, probably you will need to use the default WooCommerce gallery grid or submit additional customization request to WPKraken team to customize plugin to support our custom gallery slider.
Ok, thank you!
What if i don’t want to display variations in the shop window and I JUST WANT variations in the product page?
Theme Options > WooCommerce (Shop) > Shop elements > Variation swatches > Swatch Position > Disable.
You must be logged in to reply to this topic.Log in/Sign up
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.