Showing the selected variant's image
Show a small image beside each variant-selector row in the Bundlex Bundles widget so shoppers can recognize the color or style they picked. This is useful when an offer lets them choose a different variant for each item.
Turn on the variant image
- Open your bundle and go to Add-ons.
- Turn on Variant selector and expand its settings.
- Check Show variant image.
- Save, then test an eligible product with the discount published.
The leading thumbnail works with dropdowns, color swatches, pills and image swatches. You do not have to hide the theme variant picker to use it.
What changes when a shopper picks a variant
Each row shows its selected variant's image. If that variant has no assigned image, Bundlex Bundles uses the product image when available. Assign distinct variant images in Shopify if colors or styles should look different; this setting does not create those images.
Changing a size may leave the picture unchanged when both sizes use the same image. If neither a variant image nor a product image is available, there is no image to show.
With collapsed variant selectors, the row heading can retain its thumbnail to identify the item even when Show variant image is off. The switch is not a global control for every image in a bundle, gift or upsell card.
Show the option choices as images
For clickable image choices, set an option's Display type to Variant image under Variant options. This is separate from the leading thumbnail: the option images are choices the shopper clicks, while the thumbnail shows the row's current selection. Check the preview and storefront, especially when several variants share an image.
For selector types, presets and availability behavior, see letting customers pick a variant per item.
Does the main product gallery change too?
Bundlex Bundles also synchronizes main-product variant selections with compatible theme controls. A supported theme can use that change to update its gallery. The gallery behavior depends on your theme and product form, so it is not guaranteed by the thumbnail switch. To move the gallery to an offer's own photo when a shopper picks that offer, check Update theme product image in the Advanced tab, under Offer selection is optional. It is off by default and works for offers whose Image source is Product image with an Image position of Image 1 or higher (not Featured image). Check it on your product page, because the editor preview has no gallery.
A bundle can contain several selected variants, while the theme gallery shows one image at a time. Use the individual row thumbnails to check each item. Test both directions if you keep the theme picker visible: change a choice in Bundlex Bundles, then change one in the theme picker.
If the row thumbnails are correct but the main gallery does not update, send support the product URL, theme name and the variant you selected. Do not replace product media or change advanced selectors just to make the thumbnail switch work.
Was this article helpful?
Your feedback helps us improve our docs.