Prestige theme, make variants a simple select

Topic summary

A developer is customizing a product template and needs to convert the variant selector into a simple <select> dropdown instead of the default Prestige theme implementation.

Current Status:

  • Successfully created the dropdown display
  • Dropdown shows variant options correctly
  • Problem: Product metadata (price, images, availability) doesn’t update when selecting different variants

Technical Challenge:
The developer is unsure how to connect the custom <select> element to the theme’s existing variant change handler (onVariantChanged_ function mentioned in theme.js).

Context:
This involves modifying Shopify’s Prestige theme HTML/JavaScript to hook into the variant selection system while maintaining proper functionality for dynamic product information updates.

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

I’m doing a custom product template, where I need to make the variant selector a simple

1 Like

Prestige theme