Add-On Image Mapper for WooCommerce

Change the Product Image When Shoppers Pick a Product Add-Ons Option

Shoppers want to see what they are buying. Add-On Image Mapper shows the right product image the moment a customer picks an option from WooCommerce Product Add-Ons, such as a color, material, finish or design.

Already using WooCommerce Product Add-Ons? Add live image previews for your existing add-ons without switching plugins or rebuilding your options. Link an image to an option (or a combination of options) on the product edit screen, and you are done.

Requires: the official WooCommerce Product Add-Ons extension.

Key Features

• Live Image Swap: The main product image changes as soon as a shopper selects a mapped add-on option.
• Map Option Combinations: Link one image to a single option (Color: Red) or to a combination (Color: Red + Material: Leather).
• Works With Your Existing Add-Ons: Choose from the add-on groups and options you already set up in Product Add-Ons.
• Dropdowns, Radio Buttons & Checkboxes: Image switching works with the common Product Add-Ons choice fields.
• Selected Image in the Cart: The cart and mini cart show the image of the option the customer chose.
• Selected Image in Orders & Emails: The chosen image appears on the Thank You page, in My Account order details and in order emails.
• Clear Orders for Your Team: Admin order screens show the selected image next to each item, so you ship the right version.
• Mobile-Friendly: Works on phones, tablets and desktops.
• No Coding: Set everything up in a simple box on the product edit screen.

How It Works

1. Set Up Your Add-Ons: Create your options in WooCommerce Product Add-Ons as usual (for example, Color: White, Coral, Teal).
2. Add a Mapping Row: In the Add-On Image Mapper box on the product, pick one or more add-on options.
3. Choose the Image: Select the image from your Media Library for that option or combination.
4. Save: Shoppers now see that image when they pick those options, and it follows the item to the cart and order.

Who Is It For?

• Clothing & Accessories – Show each color or print as the shopper picks it.
• Furniture & Home Decor – Show fabrics, finishes and wood types.
• Jewelry – Show metals, stones and engraving styles.
• Gifts & Print-on-Demand – Show the design or packaging the customer chose.
• Custom & Made-to-Order Products – Make complex options easy to understand.

See It Before You Buy It

When shoppers can see the option they picked, they buy with more confidence and you get fewer “wrong color” questions and returns. Your team also sees exactly which version to make or ship.