Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. In the CMS, navigate to Products & Categories → Product Maintenance
  2. Search for a master product and click 'Edit'. 
  3. Scroll to the Media section where product images are displayed.
    1. If all required images for this product are already there, go to step 7.
    2. otherwise, continue on to upload your images.
  4. Click 'Upload Image', then 'Select Files' to browse to your image file. 
  5. Select the file and let it load (unless the file is unusually large, this should be very quick). Once complete, click 'Add'.
     
  6. You should now see the image thumbnail displayed, along with a Tag input field. 
  7. Add a Tag to the image. The tag should correspond to a variant value of one of the child products (e.g. "Red"). You can add multiple tags to an image if required.
     
  8. Repeat the above steps as needed for the remaining product images.
  9. Click 'Save' or 'Save and Exit'. 

 

And voila!  

Load the your product page in another browser (or incognito tab). Admire , and admire the way the image automatically changes when updates as you select different variants. 

...