Variant picker on Collection Page not working

Topic summary

A user encountered an issue where a variant picker on their collection page, configured as a dropdown, unexpectedly changed to display as a button after making a selection. The site uses the Horizon theme without custom CSS.

Troubleshooting steps suggested:

  • Check for JavaScript conflicts from third-party apps by disabling all apps and testing again
  • Verify the Horizon theme version is up-to-date (1.0.5 or later), as earlier versions contained bugs

Resolution:
The issue was resolved after identifying that one of the installed apps was causing a conflict with the variant selection functionality.

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

My variant picker on my collection page is set as a dropdown. However, if I make a selection on the dropdown, it will change and be displayed as a button. I’m on the Horizon theme without custom CSS. Is anyone having this issue? What’s the solution?

Hey @jiane ,

Thanks for sharing the issue that you facing.

This issue happens when a external JS conflict with the existing one.

Would you mind to disable the all apps then try again. Maybe a app conflict with the variant selection.

If this not fix your issue then share the store url so that i can take a look and provide you solution code.
Thanks

Hi @jiane ,

What version of Horizon are you using?

Lots of bugs from the earlier versions are fixed so please ensure your using 1.0.5 or the latest version for those in the future

Hope that helps,
Jake

Thanks for the tip. It was one of the apps was causing the issue, and have fixed it.