Skip to main content

Digital Product Variants

Category: Storefront  ·  Min plan: Pro  ·  Slug: digital-product  ·  Theme: digital only

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.

Features​

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

Why use it​

The default storefront variant picker is fine for fashion-style stores, but on the Digital theme — built for premium electronics and high-ticket items — the accordion layout reads more like a configurator than a form. Customers see the final price update on each option as they pick.

How to activate​

  1. Make sure your store uses the Digital theme (/dashboard/themes). The add-on is theme-locked.
  2. Open Dashboard → Add-ons at /dashboard/addons.
  3. Find Digital Product Variants under Storefront.
  4. Click Activate (Pro plan required).

There is nothing to configure on the products themselves — your existing variant groups and options render in the accordion automatically.

What it looks like​

  • Each variant group becomes an accordion section.
  • Tapping a group expands it; the customer picks one option, the section collapses, and the next group expands.
  • Each option's row shows: image (when bound to an image_id), option name, and the final price = base product price + option price_adjustment.
  • Once all required groups are picked, the Add to cart button activates.

Tips​

  • Set price_adjustment correctly — it is the delta from the base price, not the absolute price. The pill shows base + adjustment.
  • Bind options to product images via image_id so the accordion shows a thumbnail next to each label.
  • For long option lists (>5 entries), use image_text option type instead of plain text so customers can scan visually.

Theme requirement​

This add-on only renders on the Digital theme. If you switch to brico, prestige, showcase, or starter, the storefront falls back to the default variant picker until you re-enable Digital.