Quantity option: inline price

Quantity option: inline price

Overview

For Quantity options using Dropdown or Radio list, you can enable Show price and discount inline. Shoppers then see the product line price for each fixed quantity (and for Custom, when a valid quantity is entered). Amounts use the same rules as the on-page price summary: full calculator configuration at that quantity, including calculator discount and quantity discount tiers when enabled. Order fees and fixed fees are not included on each row (they stay in the summary).

Requirements

  • Only the primary quantity option supports this setting — the first quantity option in your calculator’s option list (the one that drives cart quantity for totals).
  • Quantity discount tiers (1D or 2D) are optional. If tiers are off, only the price column is shown; there is no savings column.
  • On mobile, prices and savings reflow (stack under the label on narrow screens) so the layout does not force horizontal scrolling.

Settings

  1. Show price and discount inline — Enables per-row price (and savings when tiers apply).
  2. Inline price display — Total (line amount for that quantity) or Unit (amount ÷ quantity), both excluding order fees.
  3. Translate — Use the translate control next to the checkbox to localize the “You saved” phrase (system.summary.inlineYouSaved).

Relationship to tiers and formulas

  • Tier discounts use the same engine as the summary: implied unit from the line subtotal before calculator discount, then product line = subtotal minus calculator discount minus tier discount.
  • Per-choice formula × rate on quantity rows is only one part of the unit stack; inline amounts show the aggregated result at each quantity, not raw formula output alone.

Custom quantity

When Allow custom quantity is on, the Custom row shows live price and savings (with a short debounce while typing). Invalid input shows an em dash until the value is valid.

    • Related Articles

    • Option Basic Settings

      Overview When you expand an option in Calculator Editor → Options & Pricing, the Basic settings tab is where you set its label, key, type, and most type-specific behavior (formats, limits, default values, and display content). This reference lists ...

    • Option Types Reference

      Overview Calculator AI provides 29 option types that cover every kind of input your customers might need — from simple text fields to interactive color pickers and file uploads. This reference lists every type, grouped by category. To add an option, ...

    • Initial Price (Base Price)

      In the editor, this section is labeled Initial Price. The dropdown inside it is labeled Base price. Overview Initial Price sets the calculator’s base—the starting dollar amount the app uses before stacking option prices and (optionally) your Unit ...

    • Quantity Discount Rules

      Overview Quantity discount rules let you offer volume-based pricing — the more a customer buys, the bigger the discount. Calculator AI supports two modes: 1D (Simple), where discounts depend only on quantity, and 2D (Advanced), where discounts depend ...

    • Total Price Formula

      Overview The Unit price calculation / Total price calculation field (this section is titled Total Price Formula in the nav) is the main place you define how the line price is computed from options and base. You can also set minimum and maximum price ...