1. Gallery shows when the page loads – variations are set at Choose an option and the gallery loads the featured image first and shows all images in order.
2. User selects the Large option and all variation images for this product assigned to the large attribute show. The example you see on the demo there are 4 Colours – Black, Red, Green and Blue and large comes in Long Sleeve and Short Sleeve so the gallery will show all 4 colours in short sleeve and Long sleeve. A user can scroll through all the ‘Large’ T Shirt images.
3. Now the user refines their selection to ‘Large ‘ Green’ – there are only 2 images – ‘Large Green Short Sleeve’ and ‘Large Green Long Sleeve.
4. Finally the user Selects ‘Large Green Long Sleeve’ and sees their selection in the gallery.
The images change in a ‘blink of the eye’ and it is very engaging.