How to use WooCommerce Variation images gallery
Step 1) First go to plugins menu then add new then search “WooCommerce Variation Images Gallery” find the plugin then install
Step 2) After Install plugin you need to set the setting as you want. Go to WooCommerce => Settings then see Variation Gallery
Step 2.1) Variation Gallery => General
1.1) Thumbnails Items Per row : Set how many items you want to show in per row
1.2) Thumbnails Gap: Set Thumbnail items gap in px
1.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.
2.1) Zoom Gallery image: Enable or disable Zoom Gallery option
2.2) Lightbox: Enable Lightbox popup option
2.3) Slider Navigation (Arrow): Check it to Enable arrow.
2.4) Slider Adaptive Height: Check it to make same height
2.5) Thumbnail Slider: Check it enable thumbnail slider.
2.6) Thumbnail Position: You can set which position of mail image thumbnail will show Left, right or Bottom.
2.7) Preload style: Set pre-load style
2.8) Zoom button position: Set zoom button position
You can set arrow background color, hover, arrow text color & hover color.
4.1) Enable to delete all data: You can check this if you want to delete all data when delete this plugin.
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.
Step 4) Add Video
As like image you can add youtube/ Vimeo or can upload own video
Video Look after add video in gallery
Here is the combination of Red & Color
If you face any issue please mail email@example.com