Use when multiple images are needed for each variation on a variable product.

Support Scope: 

We install and enable this add-on. Then setup based on the information in the plugin and variable product worksheet.

Requirements for Setup: 

Must complete plugin and variable product worksheet.

More information: Click Here

Installation: 

Go to: dashboard > plugins > add new > search for “Variation Images Gallery for WooCommerce” > Install and Activate

Configuration: 

Step 1) After Install plugin you need to set the setting as you want. Go to WooCommerce => Settings then see Variation Gallery

Step 2) Variation Gallery => General  

1) Thumbnails Items Per row : Set how many items you want to show in per row

2) Thumbnails Gap: Set Thumbnail items gap in px

3) Gallery Width: Set Gallery area width in % for Large Devices then for others devices you can set in px if need to adjust you can increase or decries this width.

Step 3) Variation Gallery => Advanced

1) Zoom Gallery image: Enable or disable Zoom Gallery option

2) Lightbox: Enable Lightbox popup option

3) Preload style: Set pre-load style

4) Zoom button position: Set zoom button position

Step 4) Variation Gallery => Tools

1) Enable to delete all data: You can check this if you want to delete all data when delete this plugin.

Step 5) Add additional images in Variation

1) Go to variation of product then click to open you will find a button “Add Gallery Images” click this button to add addition images for variation based on the provided variable product worksheet.

2) Hint: Be sure to include the main product image and the main image for each variation. If you do not then the gallery will always display the main product image first and also the variation images.

Step 6) Front end Look of Variation images gallery

Here is the combination of Red & Color