Skip to main content

Digital Product Variants

Category: Storefront  ·  Type: Free first-party

Transforms the variant selector on Digital theme product pages into a sleek 2-step accordion UI. Shows final price on each option. Single-selection across all variant groups.

🎬 Video​

Why install​

The default Digital theme variant picker shows all variant groups in parallel (color row, size row, material row). For products with 3+ groups, this gets cramped. The Digital Product add-on swaps it for a clean 2-step accordion: pick one group, expand the next, etc.

Features​

  • 2-step accordion variant selector
  • Final price shown per option (base + adjustment)
  • Single-selection across all variant groups (one combination active at a time)
  • Smooth CSS animations matching Digital theme
  • Keyboard accessible (Enter/Space to select)
  • Zero product setup needed — just activate

How to use​

  1. Switch to the Digital theme.
  2. Install + activate from Dashboard → Add-ons → Digital Product Variants.
  3. Done. Every product with 2+ variant groups now uses the accordion picker.

Compatibility​

  • Digital theme only (other themes unaffected even if installed).
  • Works with Cascading Variants.
  • Works with per-variant + per-combination stock.

What customers see​

[ Color ▾  Red ]
  ⓘ Click to expand
[ Size ▾  L ]
  ⓘ S ($base+0)  M ($base+0)  L ($base+200)  XL ($base+400)
[ Add to cart  $1,200 ]

Each option shows its final price contribution. Greyed out for out-of-stock combinations.

Frequently asked​

Q: I have only 1 variant group — does the accordion still apply? A: No — single-group products use the default picker (1 row). Accordion only kicks in at 2+ groups.

Q: I'm on the Brico theme — can I use this? A: No, this is Digital-only.