How to show the "Variant image" of the product I am searching for

Store Design
,

Topic summary

A store owner is seeking a solution to display the correct product variant image in search results based on the search query.

Currently, when customers search for specific variants (e.g., “Amethyst Necklace”), the search shows a default product image rather than the variant-specific image matching the search term. The store carries multiple gemstone variants of the same jewelry style, making this particularly important for accurate product representation.

The user had to manually fix one example to show the correct amethyst variant image, but needs an automated solution—either through an app or custom code—to handle this across all searches.

Another user has offered to investigate the issue and requested the website URL, which was provided (MagicCrystals.com). The discussion remains open as they await a potential solution.

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
1

I would like to know if there is an app or code that can optimize my search engine by showing the exact 'image variant" of the product typed in the search bar.

Example: When I search for “Amethyst Necklace” on my website

Screen Shot 2023-07-17 at 9.20.40 PM.png
Screen Shot 2023-07-17 at 9.20.40 PM.png692×158 3.72 KB

This is how it comes out on my site because we carry in the same style a range of gemstones.

Screen Shot 2023-07-17 at 9.21.02 PM.png
Screen Shot 2023-07-17 at 9.21.02 PM.png1074×1118 223 KB

but I need the product to be displayed is the one the customer is looking for, which is the image of the variation with the “Amethyst” word, example here (image below had to be manually fixed by me to show like this):

Screen Shot 2023-07-17 at 9.21.26 PM.png
Screen Shot 2023-07-17 at 9.21.26 PM.png1118×1194 200 KB

2

Hello, you can provide url site for me, I’ll check it for you

Thank you

3