Skip to main content

Product Card Display

Configure how products appear in the Pack Builder grid.

Updated yesterday

"Added" Indicator Styles

When a product is added to the pack, the card shows an indicator. Configure in MOD Bundles → Customization → Pack Builder → Product Card → Added item indicator style:

Style

Description

Default (text only)

Shows "Added" or "In pack: X" text

Quantity selector (+/- buttons)

Increment/decrement buttons for quick quantity adjustments without reopening the product

Quantity badge (circle)

Small circular badge showing the count — compact, works well with inline variant selection


Product Pricing on Cards

Control price display via Theme Customizer → Pack Builder block:

Setting

What It Shows

Show Product Prices

Individual product price on each card

Show Discounted Price Per Item

In-pack discounted price (e.g., "In pack: $8.50")

Tip: "Show Product Prices" is helpful in percentage-off mode where customers want to see individual values.


Grid and Layout

Setting

Location

Description

Grid Columns

Theme Customizer

2-5 columns on desktop (mobile adjusts automatically)

Product Info Alignment

Theme Customizer

Left or center align text on cards

Align Add to Pack Buttons

MOD Bundles Customization

Keeps buttons aligned at card bottom when cards have different heights due to varying variant counts

Product Subtitle Metafield

MOD Bundles Customization

Display additional text below product title

Column recommendations:

  • 2 columns — Detailed variant selection, long titles

  • 3 columns — Balanced for most stores (default)

  • 4-5 columns — Simple products, short titles, minimal variants


Related Articles

Did this answer your question?