Tips, WooCommerce Tutorials

How to Add Additional Variation Images in WooCommerce

WooCommerce by default doesn’t allow you to include additional variation images for your products. In fact, it only allows you to add one. 

This poses a problem for WooCommerce store owners who want the freedom to show their products in different angles, perspectives and in detail. So, we’re here to solve that problem for you.

By the end of this article, you’ll know exactly how to include additional variation images for your products in WooCommerce. The best part? You’ll be able to do it in 2 steps with the WooCommerce image plugin, WooThumbs for WooCommerce

Start your 14-day free trial of WooThumbs for WooCommerce

You can start your free trial right now and instantly include additional variation images for your products in WooCommerce.

Get Free Trial
Start your 14-day free trial of WooThumbs for WooCommerce thumbnail

How WooThumbs for WooCommerce works 

WooThumbs for WooCommerce allows you to completely customise your product image gallery to suit you. As part of this customisation, it also enables you to include additional variation images to your WooCommerce store.

When a customer visits a single product page, they’ll be able to select the variation they want to view and scroll through multiple image variations for that product. 

woocommerce additional variation images

As a bonus:

  • There’s no limit to how many variation images you can add.
  • You’ll be able to display only images of the selected variation to improve customer understanding.
  • You can also bulk edit variation images if you need to.

Of course, that’s not all WooThumbs can do. It also allows you to:

  • Choose between a horizontal slider, vertical slider, or fade effect for your product gallery.
  • Adjust thumbnail spacing, icon colors, transition speeds, and more.
  • Embed video content into your gallery from YouTube and Vimeo. Or upload directly to WooCommerce.
  • Show off your product to the fullest with smooth image zoom and customizable display modes.

So, to include additional variation images in WooCommerce, all you need to do is follow the next few steps.

How to add additional variation images in WooCommerce using

To add additional variation images in WooCommerce, you’ll need to:

  1. Install the WooCommerce image plugin, WooThumbs for WooCommerce.
  2. Import additional variation images.

That’s it. Below we’ll outline these steps in detail so you can start making more sales for your online store.

Step 1: Install WooThumbs for WooCommerce

To get started, purchase WooThumbs for WooCommerce from the Iconic store: iconicwp.com/woothumbs

Then follow these steps:

  1. Go to Plugins > Add New > Upload Plugin.
  2. Choose the zip file you downloaded, upload, and then click Activate.
  3. Once activated, you’ll need to enter your licence key.

Now that we have WooThumbs installed, we can move onto uploading your additional variation images.

Step 2: Add additional variation images

To include additional variation images in your WooCommerce store, follow these steps:

  1. Go to Products > All Products.
  2. Edit the variable product you want to add additional variation images to.
  3. Scroll down to the Product Data section of the page (usually found below the main text/product description area).
  4. Select the Variations tab on the left.
  5. Click the expand arrow on the variation you want to add additional images to.
WooCommerce variations
  1. Click the Add Additional Images button underneath your existing image and the media gallery will pop up.
add additional images WooCommerce
  1. Select one or more variation images you want to add and once happy, click the Add to variation button.
variation images WooCommerce
  1. You’ll now see the additional variation images in the Variations tab.
variation image settings WooCommerce
  1. Once you’ve customised all your variations, hit Save Changes in the Product Data section of the page and then scroll up to the Publish section of the page and click Update.

Note: Once you’ve added additional variation images for your WooCommerce product, you can re-order them by simply dragging and dropping them in the Variations tab. You can also remove any unwanted images by hovering over them and clicking the minus icon.

Manage your additional variation images in bulk

WooThumbs allows you to manage your additional WooCommerce variation images in bulk to save you some time.

To manage your variation images, do the following:

  1. Go to WooCommerce > WooThumbs > Bulk Edit.
  2. Here you’ll be able to see all your WooCommerce products with additional variation images.
    1. This page shows the Variation Name, its Parent Product and the ID (a number given to each image you upload to WordPress) of the variation images you’ve added.
bulk edit variation images
  1. To add additional variation images in bulk, simply add the Image ID of each image next to the existing number in the Images column. These should be separated by a comma and with no spaces like below:
product image ID WooCommerce
  1. To make these changes, you’ll need to have already uploaded your additional variation images to the WooCommerce media gallery.
    1. Go to Media > Library and click the list icon in the top left.
    2. Here you’ll be able to find the Image ID, like in the screenshot below:
Image ID WooCommerce
  1. Once happy, click the blue Update button on the Bulk Edit Variation Images and your variation images will be updated.

Add additional variation images to your WooCommerce store

That’s it, your store now has the ability to include additional variation images on its product pages. With this up and running, you’ll be able to give customers a better look at your variations. As a bonus, you’ll have an upgraded product gallery to go with them.

Make these change quickly and easily with WooThumbs for WooCommerce.

Start your 14-day free trial of WooThumbs for WooCommerce

You can start your free trial right now and instantly include additional variation images for your products.

Get Free Trial
Start your 14-day free trial of WooThumbs for WooCommerce thumbnail

Need any help with optimising your variation image sizes? Check out our guide to managing WooCommerce images sizes and quality

Gina is our in-house content creator and social media manager.

Share

Leave a Reply

Your email address will not be published. Required fields are marked *