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

Store Design
1

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

2

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

3

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