Add Product Image & Gallery Images [WooCommerce]

Add Product Image & Gallery Images [WooCommerce]

In this tutorial you will learn how to add the product image and gallery images to the products in your WooCommerce shop on your WordPress website

The product image is the main product imahe and shows up everywhere in your shop and the preview of the product. 

The product gallery features alternative images of your product for your customers to click through when looking at a single product in your shop.  


Please make sure that the images you upload for products do not exceed 1500px in width and height. To keep the file size small, unless you need a transparent background, we recommend uploading the images in JPG format. 




Please be aware that the video tutorial above uses a test website. Your website might have slightly different items and options in its menu, depending on what plug-ins are installed, what theme the website is using or what user rights you have. 

Product Image

- the image that is the main product image and shows up everywhere as preview of your product

1.  Go to products and click on the product name

2.  On the right side, find the ‘product image’ section and make sure it is open and not collapsed

3.  Click on ‘Set product image’

4.  Select an image from the media library or upload a new one

5.  Add in the ‘alt text’ on the right side with a short description of what is in the picture

6.  Click ‘Set product image’

7.  Click the blue ‘Update’ button on the top right so save your changes


- alternative images of the product that show up on the single product page for your customers to look through

1.  Go to products and click on the product name

2.  On the right side, find the ‘product gallery’ section and make sure it is open and not collapsed

3.  Click on ‘Add product gallery images’

4.  Select images from the media library or upload new ones

5.  Add in the ‘alt text’ of each image on the right side with a short description of what is in the picture

6.  Select multiple images by holding control on your keyboard and clicking on the images

7.  Click ‘Set product image’

8.  if you would like to add more pictures, click ‘Add product gallery images’ and again follow step 4-7. Previously set images do not need to be selected again.