githubEdit

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

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

Last updated

Was this helpful?