Use cases
- Corporate gifts: Category (Notebook / Pen / Bag) → Style (Leather / Fabric / Metal)
- Custom jewelry: Metal (Gold / Silver / Platinum) → Karat (18k / 14k / 10k)
- Furniture: Type (Chair / Table / Sofa) → Material (Wood / Metal / Fabric)
App setup
- Print It My Way Pro or Fancy Product Designer
- Add 3 dropdown fields
- Set conditional rules: 'Show Subcategory options based on Category'
- Support multi-level cascade
Theme code alternative
JavaScript on product page that filters second dropdown based on first. Data structure: JSON map of Category → Subcategories.
Performance
Client-side filtering. Instant response. No API call needed.
Frequently asked questions
How to build cascading dropdowns on Shopify?
Personalizer app with conditional logic. Or JS on product page filtering second dropdown by first.
Best for cascading — app or code?
App for merchants without dev resource. Code for full control + no ongoing fee.
Can cascade have 3+ levels?
Yes — Category → Subcategory → Style → Detail. Each level filters the next.
Does cascade slow down page?
No — client-side JS. Sub-100ms filtering.
How to handle sold-out cascade options?
Filter or strikethrough. E.g. Silver 18k unavailable → shown but disabled.
Can I cascade based on customer choice + inventory?
Yes on advanced setups. Filter by inventory API on option change.
Best app for cascading dropdowns?
Print It My Way Pro, Fancy Product Designer, Bold Product Options.
How to reset cascade on category change?
Auto-reset dependent dropdowns when parent changes. UX best practice.
Related reading
Try it free on Shopify
Print It My Way's permanent Free plan includes live preview, custom options, and Cart Transform pricing.
Install Print It My Way