Adding images to product options

Last updated

If you sell products with options, you might want to add different images to different product options, for example to show products of different colors. You can do it using product variations.

See the detailed instructions in our article about setting up variations.

Adding images to your product options

  1. Go to your Control Panel → Catalog → Products.
  2. Click on the product you want to edit to open the product details page.
  3. Open the Options tab:

options_tab.png

  1. Add the product options on the Options tab.
  1. Open the Variations tab:

variations_tab.png

  1. Click + New variation.
  2. In the popup select the option you want to add an image to:

select_option_for_variation.png

  1. Click Change under the current image.
  2. Select the image for the option on your computer.
  3. Upload the image.
  4. Click OK.
  5. That’s it! The image is added for the option.

See the screencast:

screencast_2018-02-09_15-49-48.gif

If you have several options, repeat the steps above for all of them. In our example the product variations after adding images look like this:

variations_with_images.png

See the screencast of how it looks in the storefront:

strefront_images_for_options.gif