Thumbnail and variant picker integration issues

Store Design

Topic summary

Core issue: Product image thumbnails are not synchronized with the variant picker. When a thumbnail is clicked, the main image changes but the variant picker selection does not update, risking mismatched purchases (e.g., green image shown while pink variant remains selected).

Expected vs. actual behavior:

  • Expected: Selecting a variant updates the main image, and clicking a thumbnail should also update the variant picker to the corresponding variant.
  • Actual: Variant selection correctly updates the main image, but thumbnail clicks do not change the variant picker.

Context:

  • Theme: Craft (Store Design category).
  • No code modifications were made; user has already investigated the issue.
  • Other sites using the same theme reportedly do not exhibit this behavior.
  • The problem appears site‑wide; a test product page link is provided and central to understanding the issue.

Status:

  • Request for advice/diagnosis; no solutions or decisions yet. Discussion remains open with key questions unanswered.
Summarized with AI on February 16. AI used: gpt-5.
1

I am having issues getting my product thumbnails to correspond with my variant picker. I have done a lot of investigating and troubleshooting (but no code modifications), and have seen other sites with the same theme as mine (Craft) that do not have this issue.

The variant picker works as it should for selecting products, and then the main image is updated with what the customer selects. HOWEVER clicking on the thumbnail does not change the variant picker, which misleads the customer into purchasing a different variant (large image of green item but pink selected in variant picker). Not sure what is going on here–any advice would be appreciated. Maybe I am missing something obvious . . .

I will include a Test Product Page that highlights this site-wide issue. Thanks for your help.