Lannetterice

## multiple images for a variant.md

      
              2 files
            
          
              3 forks
            
          
              20 comments
            
          
              37 stars
            
          
                carolineschnapp
                / multiple images for a variant.md
            
            
              Created
              March 31, 2016 01:23
            
              
                "Grouped variant images". Solution good for all themes, no change to markup required.
              
          
    What to do


Use the alt text to associate the additional images - besides the variant image - to the option value. Example: say you have 3 images that show the Blue variants, then a) associate the first image as variant image to all Blue variants, and b) set the alt text of the 2 additional images to 'Blue'.
Copy+paste the code found in the product.liquid snippet below at the bottom of your product.liquid template.

How that works, essentially

Only the images associated to the currently selected variant are shown. Other images are hidden.
What to expect, the specifics