Subtotals

Placement and available controls for the Subtotals block.

Scale Theme · v1.9.3 · 1 min read

Where to find it

Open the parent section and use Add block where this block is offered.

Usage notes

Shows a dark pill with the total discount amount next to the subtotal (e.g. '-$119.97'), plus the original price crossed out.

Editor controls

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Color source: Theme colors use Color DNA, Color scheme uses a shared Shopify preset, and Custom affects only this block.Options: Theme colors · Color scheme · Custom
Color schemeConditional: Choose an available Shopify color scheme.
Subtotal textConditional: Choose a local color when the relevant custom source is enabled.
Savings and badgesConditional: Choose a local color when the relevant custom source is enabled.
Badge textConditional: Choose a local color when the relevant custom source is enabled.
Badge borderConditional: Choose a local color when the relevant custom source is enabled.
Display total savings: Use [savings] to display total savings (works on both texts).
Left text: Edit the text shown by this component.
Right text: Edit the text shown by this component.
Texts layout: Choose the presentation or source that fits this component.Options: Spaced out · Center
Text color: Choose a local color when the relevant custom source is enabled.
Text size: Adjust within the range offered by the theme editor.
Position: Choose the presentation or source that fits this component.Options: Above subtotal price · Below subtotal price
Spacing between subtotal price: Adjust within the range offered by the theme editor.
Display subtotal price: Use [subtotal] for price, [count] for item count, [discount] for total discount, [original] for original price. Works on both texts.
Left text: Edit the text shown by this component.
Right text: Edit the text shown by this component.
Texts layout: Choose the presentation or source that fits this component.Options: Spaced out · Center
Text color: Choose a local color when the relevant custom source is enabled.
Text size: Adjust within the range offered by the theme editor.
Show total discount pill: Enable or disable this option and preview the result.
Pill backgroundConditional: Choose a local color when the relevant custom source is enabled.
Pill text colorConditional: Choose a local color when the relevant custom source is enabled.
Pill font sizeConditional: Adjust within the range offered by the theme editor.
Show original price (strikethrough): Enable or disable this option and preview the result.
Use custom color for current price: Enable or disable this option and preview the result.
Current price colorConditional: Choose a local color when the relevant custom source is enabled.
Display cart discount badges: Enable or disable this option and preview the result.
Discounts label: Edit the text shown by this component.
Alignment: Choose the presentation or source that fits this component.Options: Left · Center · Right
Badge backgroundConditional: Choose a local color when the relevant custom source is enabled.
Badge text colorConditional: Choose a local color when the relevant custom source is enabled.
Badge font sizeConditional: Adjust within the range offered by the theme editor.
Badge font weightConditional: Choose the presentation or source that fits this component.Options: Normal · Medium · Semi Bold · Bold
Badge corner radiusConditional: Adjust within the range offered by the theme editor.
Badge vertical paddingConditional: Adjust within the range offered by the theme editor.
Badge horizontal paddingConditional: Adjust within the range offered by the theme editor.
Badge border widthConditional: Adjust within the range offered by the theme editor.
Badge border colorConditional: Choose a local color when the relevant custom source is enabled.
Top margin: Adjust within the range offered by the theme editor.
Bottom margin: Adjust within the range offered by the theme editor.