I’m working on customizing a Shopify product page and need help with variant display. Right now when I have product variants like XL|Red|Female and S|Red|Female, Shopify shows them as complete variant combinations in dropdowns.
What I want is to separate these into individual option groups so customers can pick size, color, and gender independently. Think of it like having three separate selection areas instead of one big dropdown with all combinations.
I’ve been looking through Shopify docs but most examples only show the standard dropdown approach. I need to figure out how to extract and group the variant data differently.
Has anyone successfully implemented this kind of custom variant selector? What’s the best way to restructure the variant data for this purpose?