> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.widebundle.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to link images to my offers to display the image based on the selected offer

Wide Hello!

|| 💡 This article is only useful for bundles created with the variants' system, not for automatic discounts. [Learn more about the difference](https://help.widebundle.com/en/article/differences-between-automatic-discounts-and-variant-bundles-ootmn6/) ****

Do you want your main image to change according to the selected offer?
![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_14sharf.png)

Here is how to do it!

The system to change the image is not managed by WideBundle but directly by your theme.

You will have to create your offers beforehand so that the variants are generated by WideBundle on your product.

1. Open your product on Shopify

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_5f9dzo.png)

2. Scroll down to find the variants

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_adv3gd.png)

3. Add an image for each variant

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_tq2ooc.png)

4. Save

Now if your theme is properly configured, changing the selected offer will automatically change the main image.

If it doesn't work, the problem is somewhere else, so don't hesitate to contact our customer support through the chat in the application!