Return to previous page

Variation swatches - by GiovanniFabb - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 5 years ago ago by Rose Tyler

GiovanniFabb

Participant

December 10, 2019 at 13:07

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!
Thanks!

#226525 Copied Theme version: Latest XStore version 6.2.4 / Core plugin 1.5.4 – December 5, 2019 WooCommerce version: Versione 3.8.1

3 Answers

Olga Barlow

Support staff

December 10, 2019 at 17:26

Hello,

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.

Regards

#226546 Copied

GiovanniFabb

Participant

December 11, 2019 at 14:45

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?

#226593 Copied

Rose Tyler

Support staff

December 11, 2019 at 14:47

Hello,

Theme Options > WooCommerce (Shop) > Shop elements > Variation swatches > Swatch Position > Disable.

Regards

#226595 Copied
Viewing 4 results - 1 through 4 (of 4 total)