Cart Sidebar

The Cart Sidebar section displays a slide-in cart panel on all pages except the dedicated cart page. To enable it, go to Shopify Admin → Themes → Customize → Theme Settings → Cart and set Cart type = Sidebar.

Settings

Background & Text

• Background: Solid or gradient background color for the sidebar.
• Text color: Global text color, selected from Theme Settings → Basic Settings → Colors.

Cart Items Number

• Show cart items number: Display item count badge when cart contains ≥1 item.
• Color: Badge text color from Theme Settings → Basic Settings → Colors.
• Size: Font size using typography variables from Theme Settings → Basic Settings → Typography.

Cart Body

• Displays cart items and optional free shipping progress bar (configured in Theme Settings → Cart → Free shipping bar).
• Show backorder text: Shows availability notice for out-of-stock items that can still be purchased.

Quantity Selector Style

• Size: Small / Default / Large
• Background: Selector background color from Theme Settings → Basic Settings → Colors.
• Text/border color schema: Text and border color from Theme Settings → Basic Settings → Colors.

Inventory Notice

• Show inventory notice: Toggle low-stock alerts.
• Show count in inventory notice:
  • Never Do not display the inventory count.
  • When inventory low Show the count only when stock falls below the defined low-inventory threshold.
  • Always Display the inventory count at all times, regardless of stock level.
• Low inventory threshold: Stock level that triggers “low” status.
• Inventory level style: Styling preset from Theme Settings → Style scheme settings → Inventory Level Style Schema.

Announcement Alert

• Show announcement alert: Display custom promotional or informational banner.
• Position:
  • Above cart items Display the inventory count at all times, regardless of stock level.
  • Below cart items Show the alert immediately after the list of cart items, but before the subtotal and checkout area.
  • Above subtotal Place the alert just above the subtotal line (and any associated shipping or tax summaries).
  • Below checkout button Position the alert at the very bottom of the cart sidebar, underneath the primary checkout button.
• Text: Alert message content.
• Icon: Optional prefix icon.
• Icon size: Icon scale as percentage.
• Background, Text color: From Theme Settings → Basic Settings → Colors.
• Text size: Font size from Theme Settings → Basic Settings → Typography.

Empty Cart

• Icon: Graphic shown when cart is empty.
• Icon size: Icon scale as percentage.

Recommended Products

• Displays product recommendations configured in the Featured Products block.
• Position:
  • Cart item below: Below items (when cart not empty)
  • Empty cart below: Below empty state content
  • Both: Show in both contexts
  • Hide: Disable entirely

---

Child Blocks

Cart header

Section title (e.g., “Your Cart”). Settings follow Blocks → Basic Block → Heading.

Empty cart heading

Title for empty state (e.g., “Your cart is empty”). Settings follow Blocks → Basic Block → Heading.

Empty cart text

Supporting message (e.g., “Start shopping to fill it up!”). Settings follow Blocks → Basic Block → Text.

Empty cart button

Call-to-action (e.g., “Continue Shopping”). Settings follow Blocks → Basic Block → Button.

Cart checkout

Full checkout controls (subtotal, notes, buttons). Settings follow Blocks → Subblocks of Specific Block → Cart Checkout.