Adding Product Images and Galleries

Adding Product Images and Galleries


Note: The below is dependant on the design of your website. Please reach out to support if you have any specific questions regarding your websites product image dimensions

Images are measured and set in pixels, for example, 800 x 800 pixels. Note that the first number is the width and the second is height.

We recommend organising your images in a folder offline and keeping a backup in case you need them in the future or mistakenly alter one and wish to revert to the original.

Types of images

WooCommerce uses three types of Product Images for different locations and purposes:
  • Single Product Image is the largest image and refers to the main/featured image on your individual product details page.
  • Catalog Images are medium-sized images appearing in product loops, such as the Shop page, Product Category pages, Related Products, Up-sells, and Cross-sells.
  • Product thumbnails are the smallest images used in the Cart, Widgets, and (optional) Gallery thumbnails underneath the Single Product Image.

Adding Product Images and Galleries

Adding product images and galleries are options available on the right-hand side when adding or editing a product in your store from WooCommerce > Products.


Product image

The Product Image is the main image for your product and is reused in different sizes across your store.
Select Set Product Image.



Select an existing image in your Media Library or Upload a new one.



Remove and Edit the product image if you’d like to change it, as needed.
Adding, removing and editing a product image is done in the same way as featured images for posts and pages.

Product Galleries

Product galleries display all images attached to a product through the Product Gallery meta box.
Create a Product Gallery using the same method as adding a Product Image, but using the Product Gallery meta box.


Images in the product gallery can be re-ordered easily via drag and drop. Simply reorder your images by moving them around.


To remove an image from the product gallery, hover over the image and click on the red “x.”




    • Related Articles

    • Adding and Managing Products

      Adding a product Before adding your first product, let’s get familiar with how product categories, tags, and attributes work. Product Categories Product categories and tags work in much the same way as normal categories and tags you have when writing ...

    • Checking Your Woocommerce Product Image Resolution/Size

      To check to see what resolution and size your product images should be follow the below instructions.  Navigate through Appearance -> Customise -> Woocommerce -> Product images Main image width is the width to be used for the single product and the ...

    • Variable Products

      Variable products are a product type in WooCommerce that lets you offer a set of variations on a product, with control over prices, stock, image and more for each variation. They can be used for a product like a shirt, where you can offer a large, ...

    • Bundled Products - User Guide

      For pricing and how to add to your website see at the bottom of the page. Overview The Bundle type is a powerful alternative to the Grouped Product type. With Product Bundles, you can: Add variable products to bundles and enable only specific ...

    • Basic Woocommerce - User Guide

      For pricing and how to add to your website see at the bottom of the page. Adding and Managing Products Adding a product Before adding your first product, let’s get familiar with how product categories, tags, and attributes work. Product Categories ...