Variant Picker Not Working Properly - Random Issue on my Store bett7.de

Topic summary

A Shopify store owner using the Dawn theme is experiencing an intermittent variant picker malfunction. The issue occurs randomly across products—sometimes the variant selector works correctly, other times it fails to update the product URL when customers select different variants.

Troubleshooting attempts (all unsuccessful):

  • Verified all product variants are unique
  • Deactivated and reactivated apps individually
  • Removed all custom code
  • Restored older backup versions

The problem has persisted for a week despite these efforts. A video demonstration was provided showing the malfunction.

Technical diagnosis: A community member identified JavaScript console errors indicating timing/sequencing issues:

  • product-form.js cannot locate required elements
  • product-info.js attempts to access functions before initialization
  • Variant picker components loading out of proper sequence

Current status: The helper offered to assist with step-by-step debugging to resolve the component loading order. The store owner accepted and initiated contact via email to begin collaborative troubleshooting.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

Hi everyone,

I’m experiencing a frustrating issue on my Shopify store bett7.de (Dawn theme), and I’m hoping someone here can help.

The variant picker sometimes does not work properly. Sometimes it works fine, sometimes it doesn’t. The issue appears randomly, without a clear pattern of which products are affected.

When the issue occurs, selecting a variant does not update the URL to the respective variant. This makes it difficult for customers to see the correct variant they are selecting.

What I Have Tried So Far:- Verified that all variants are unique

  • Deactivated all apps and reactivated them one by one
  • Removed all custom coding
  • Restored an older backup where no custom coding was done

Despite all these efforts, the issue persists.

I have been struggling with this for a week now with no progress, and I’m honestly feeling desperate at this point.

Additional Info:

Here’s a video demonstrating the issue:
:link: Video showcasing the issue

If anyone has encountered this before or has any suggestions, I’d really appreciate any help or guidance!

Thanks so much,
Sunil

Hi Sunil,

Thank you for providing the detailed information about the variant picker issue. I’ve analyzed the JavaScript errors you’re experiencing, and I can see what’s causing the problem.

The errors in the console indicate there’s a timing issue with how different components are loading:

  1. product-form.js can’t find an element it needs
  2. product-info.js is trying to access functions before they’re ready
  3. The variant picker initialization seems to be happening out of sequence

This kind of issue typically requires some careful debugging and testing to get the components loading in the correct order. Since this involves going through the code step by step and testing different timing sequences, it’s not something I can provide a direct “copy-paste” solution for.

Would you like me to help you debug this issue? We could work together to:

  1. Test different initialization sequences
  2. Check the component loading order
  3. Verify the variant selector setup
  4. Ensure proper integration with the Dawn theme

If you’d like my assistance with this debugging process, feel free to send me a private message and we can work on resolving your issue step by step.

Best regards

Hi Javier

that would be fantastic indeed!
I wrote you an e-mail as I did not see an option for private message here!

Looking very much forward to your help!!!

Best,

Sunil

1 Like