Full subtotal | Slab | Brickspace Lab

Full subtotal

Overview

A Shopify theme block component that displays cart total pricing information including subtotal, discounts, and final total with reactive updates using Alpine.js.

Common use cases

Display comprehensive cart totals in cart drawers or cart pages
Use appropriate spacing settings based on surrounding elements
Consider adjusting font sizes for better hierarchy between subtotal and total
Ensure all translation keys are properly defined in locale files

Block settings

General

Setting	Description	Options
Show advanced settings	Reveals visibility settings	Checkbox (default: false)

Content

Setting	Description	Options
Show currency symbol	Displays currency symbol with prices	Checkbox (default: true)

Spacing

Setting	Description	Options
Enable horizontal padding	Adds horizontal padding around the totals	Checkbox (default: false)
Enable top padding	Adds top padding around the totals	Checkbox (default: false)
Enable bottom padding	Adds bottom padding around the totals	Checkbox (default: false)

Color

Setting	Description	Options
Text color	Controls the text color	• Default (default) • Alternative • Primary background • Primary foreground • Secondary background • Secondary foreground • Tertiary background • Tertiary foreground • Neutral background • Neutral foreground • Shade

Style

Setting	Description	Options
Font family	Controls the font family	• Standard (default) • Heading • Subheading • Accent Visible when font size contains type--
Font size	Controls the font size	• Smaller • Small • Default (default) • Big • Bigger • Heading 1 • Heading 2 • Heading 3 • Heading 4 • Heading 5 • Heading 6

Display

Setting	Description	Options
Visibility	Controls when the block is visible	• All (default) • Mobile only • Desktop only Visible when Show advanced settings is on