How to show specific images for individual variant options

Store Design

Topic summary

Issue: Show only variant-specific media on the product page.

  • Context: The store has a product with two variants (option-specific versions of a product). The merchant uploaded media for each variant and labeled each item using alt text corresponding to the variant.
  • Current behavior: The main product page displays all media regardless of which variant is selected.
  • Desired behavior: When a variant is selected, only the images/media associated with that variant should be shown.
  • Details: Store link provided for reference: https://nosetotailprovisions.com/
  • Status: No solution or steps provided yet. Open question is how to implement variant-based media filtering (e.g., via theme customization or scripting) using the existing alt-text labeling or another method.
Summarized with AI on January 12. AI used: gpt-5.
1

I am having issues showing only the appropriate images for the specific variants. I have 2 variants, added all the media for each one, and labeled each media with the alt text for each specific variant. How do I now make it so that the media shows only for the variant that is selected.

My store link is: https://nosetotailprovisions.com/

When you go onto the main product page, it shows all the media no matter which variant is selected.