Cart banner

Placement and available controls for the Cart banner 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.

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.
BackgroundConditional: Choose a local color when the relevant custom source is enabled.
TextConditional: Choose a local color when the relevant custom source is enabled.
Link and iconConditional: Choose a local color when the relevant custom source is enabled.
BorderConditional: Choose a local color when the relevant custom source is enabled.
Text: Tokens — [savings]: total cart savings · [count]: item count · [subtotal]: subtotal price.
Hide when there are no savings: Recommended when text uses [savings]. Block disappears when cart has no discount.
Icon / emoji: Optional. Rendered before the text.
Icon size: Adjust within the range offered by the theme editor.
Font size: Adjust within the range offered by the theme editor.
Font weight: Choose the presentation or source that fits this component.Options: Normal · Medium · Semi Bold · Bold
Alignment: Choose the presentation or source that fits this component.Options: Left · Center · Right
Text color: Choose a local color when the relevant custom source is enabled.
Link color: Choose a local color when the relevant custom source is enabled.
Background: Solid color or gradient — Shopify's picker handles both natively.
Width: Adjust within the range offered by the theme editor.
ColorConditional: Choose a local color when the relevant custom source is enabled.
Corner radius: Adjust within the range offered by the theme editor.
Gap between icon & text: Adjust within the range offered by the theme editor.
Vertical padding: Adjust within the range offered by the theme editor.
Horizontal padding: Adjust within the range offered by the theme editor.
Top margin: Adjust within the range offered by the theme editor.
Bottom margin: Adjust within the range offered by the theme editor.