Variation swatches - by GiovanniFabb - on WordPress WooCommerce support

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

  • Avatar: GiovanniFabb
    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!

    3 Answers
    Avatar: Olga Barlow
    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

    Avatar: GiovanniFabb
    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?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 11, 2019 at 14:47

    Hello,

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

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.