Generally, WooCommerce variation gallery images get changed when all it’s attribute variations are matched. With this feature, the variation gallery can be changed selecting single attribute variation like Amazon and AliExpress.

Preview Images


Video Tutorial

Step 01: Plugin Installation

It’s the premium feature WooCommerce Variation Swatches plugin. Make sure you have WooCommerce Variation Swatches Pro plugin besides the free version.

[button style=”rounded-btn” text=”Live Demo” button_link=”http://bit.ly/change-gallery-image-on-single-attribute-demo-doc” link_target=”_blank” type=”medium-btn” bg_color=”#333333″ text_color=”#FFFFFF”] [button style=”rounded-btn” text=”Upgrade to Premium Version” button_link=”http://bit.ly/change-gallery-image-on-single-attribute-pro-doc” link_target=”_blank” type=”medium-btn” bg_color=”#56bfd4″ text_color=”#FFFFFF”]

Step 02: Configure Global Settings

To enable global settings for changing variation image gallery based on only selected variation, head to the Special Attribute >> Single Variation Image Preview from Swatches Settings. Enable Variation Image preview settings and select your desired variation from Choose attribute settings. The variation you select from here, will change variation gallery image without selecting other attribute variations. Change Image Like Amazon Product Gallery

Step 02.01: Arrange Attribute Variations 

To enable settings, check the following screenshot to set product attribute variation. As I select Color variation globally,  color variations have been set individually and left other variation to Any. Change Image Like Amazon Product Gallery

Step 03: Individual Product Settings

If your globally selected variation is connect with your entire store variable product. you may not need this option. You may need the following option in the given situation. Some products may not have the attribute connected with that you would select globally. Or For some product you want to change product gallery based other attribute without following global settings. In this case this settings would be helpful. Get to the product edit mode and head into Swatches Settings.  Select your desired attribute(Not Globally Selected) from Single variation preview attribute.  In the screenshot, I’ve added not globally selected Image Attribute. Change Image Like Amazon Product Gallery

Step 03.01: Arrange Attribute Variations

To enable settings, check the following screenshot to set product attribute variation. As I select Image variation,  image variations have been set individually and left other variation to Any.