Your Dedicated Partner for All Things WordPress

How to Change Product Image on WooCommerce Variation

Table of Contents

As an online retailer, you want to give the best experience to your customers. One way to do this is by providing them with product variations. However, several ecommerce stores often forget to change the product image when the variation is selected. This can lead to confusion and dissatisfaction among customers. To ensure that your customers get the best experience, in this blog post, we will guide you on how to change the product image on WooCommerce variation.

Step 1: Install the WooCommerce Variation Images Plugin

The first step is to install the WooCommerce Variation Images plugin. This plugin allows you to upload a different image for each product variation. You can find the plugin in the WordPress repository, or you can download it from the WooCommerce website. Once the plugin is installed and activated, you can start configuring it to change the product image when the variation is selected.

Step 2: Update Your Product Variation Images

After installing the plugin, go to the WooCommerce product page and select the product you want to add variations. Then, navigate to the “Attributes” tab and add the attributes and variations. Once you have added the variations, scroll down, and you will see a “Variation Images” section. Click on “Set Variation Image” to add images for each variation. You can also add a featured image for the product.

Step 3: Update the Variation Settings

After adding the variation images, navigate to the “Variation Settings” section, and select the “Image” option. This option enables different images to be displayed for each product variation. You can also select the “Default Image” option if you want the same image to be displayed for all product variations.

Step 4: Save and Preview Changes

After updating the variation settings, click on the “Save Changes” button to save the changes you made. You can then preview the changes by selecting the variations in the product dropdown. If you have multiple variations, select them one by one and check if the images are updated based on the selection.

Step 5: Test the Changes on Your Website

Once you are satisfied with the changes, you can test them on your website. Add the product to the cart and select a product variation. Check if the image changes based on the variation selection. If everything is working correctly, congratulations! You have successfully changed the product image for your WooCommerce variation.


Providing product variation is a great way to cater to different customer needs. However, you must ensure that the product image changes based on the variation selected. This not only enhances the customer experience but also establishes your brand as trustworthy and reliable. With the help of the WooCommerce Variation Images plugin, you can easily update the product image for each variation. We hope this guide helps you change the product image on WooCommerce variation. If you have any questions or would like to share your experience, please comment below.

How to get started?

Learn more

WooCommerce Maintenance

Save 33% with our Annual pricing plan.

Get Started

Looking for help? Chat with us.

Are you in need of assistance or guidance? Look no further! Our dedicated team is here and ready to help. Chat with us today and let’s work together to find the perfect solution for your needs.

Our support team will get you:

I believe every website owner deserves a reliable professional support always by their side.

Alexey Seryapin
Founder of WPServices

Coupon Code Applied!

Take your time and continue browsing our services.

Alexey Seryapin
Founder of WPServices