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.




    • Related Articles

    • Add a new product to your shop [WooCommerce]

      In this tutorial you will learn how to add a new product to your WooCommerce shop on your WordPress website.  Quick Summary: Go to 'products' > 'add new' Add in product name in name field Scroll down to ‘product data’ section In ‘general’ tab set the ...

    • Manage stock in your shop [WooCommerce]

      In this tutorial, you will learn how to manage the stock of the products in your WooCommerce shop in your WordPress website. Detailed edit: 1.  Go to products and click on the product name 2.  Scroll down to ‘product data’ and go to the ‘Inventory’ ...

    • Add Images to Pages and Blog Posts (Classic Editor)

      Images support text by visualizing your message. This tutorial shows you how you can add images to your blog posts and pages in the classic editor.  This tutorial is using the classic editor. Click here for the article on how to do it inside the ...

    • Set the Featured Image on Pages and Blog Posts (Classic Editor)

      Featured images are the image that will appear at the top of your blog posts or in the preview of your blog posts.  If you are using the classic editor, they will also appear at the top of your pages.  Unless another sharing image is set inside e.g. ...

    • Add a New Page (Classic Editor)

      This tutorial is using the Classic editor. Click here for the article on how to do it inside the Gutenberg editor. Add a New Page In this tutorial, you will learn how to add a new page to your WordPress website. Go to your admin dashboard ...