Cart page
Overview
The Main Cart section controls the layout and messaging on your cart page. It includes configurable header content (heading + description), an optional empty-cart state (image + message), and layout settings such as payment icons display, container width, color schemes (including a separate widget scheme), and responsive spacing. It also supports an Info block for adding an additional informational content area within the cart layout.
Section Configuration:
| Setting |
Description |
| Heading |
Sets the main cart page heading. Supports inline rich text. |
| Heading size |
Controls the heading size preset. |
| Heading weight |
Sets the font weight for the heading. |
| Heading case |
Controls capitalization styling for the heading. |
| Description |
Adds supporting text beneath the heading. Supports rich text formatting. |
| Text size |
Controls the size preset used for the description text. |
| Text weight |
Sets the font weight for the description text. |
| Text case |
Controls capitalization styling for the description text. |
Empty cart
| Setting |
Description |
| Empty cart image |
Selects an image displayed when the cart has no items. |
| Empty cart heading |
Sets the message heading shown in the empty cart state. Supports inline rich text. |
| Empty cart heading size |
Controls the heading size preset for the empty cart heading. |
| Empty cart heading weight |
Sets the font weight for the empty cart heading. |
| Empty cart heading case |
Controls capitalization styling for the empty cart heading. |
Layout
| Setting |
Description |
| Show payment icons |
When enabled, displays supported payment method icons in the cart area (theme-dependent). |
| Container layout |
Controls how the cart section is sized: page-width (boxed), contained-content, or container-fluid (full width). |
| Container size (Desktop) |
Sets the maximum cart width on desktop as a percentage (50%–100%). |
| Color scheme |
Applies a theme color scheme to the main cart section styling. |
| Widget color scheme |
Applies a separate color scheme for cart widgets/side areas (theme-defined widget styling). |
Inner padding
| Setting |
Description |
| Top (Desktop) |
Adds space above the cart content inside the section on desktop. |
| Bottom (Desktop) |
Adds space below the cart content inside the section on desktop. |
| Left (Desktop) |
Adds space to the left of the cart content inside the section on desktop. |
| Right (Desktop) |
Adds space to the right of the cart content inside the section on desktop. |
| Top (Mobile) |
Adds space above the cart content inside the section on mobile. |
| Bottom (Mobile) |
Adds space below the cart content inside the section on mobile. |
| Left (Mobile) |
Adds space to the left of the cart content inside the section on mobile. |
| Right (Mobile) |
Adds space to the right of the cart content inside the section on mobile. |
Outer padding
| Setting |
Description |
| Top (Desktop) |
Adds space above the cart section on desktop. |
| Bottom (Desktop) |
Adds space below the cart section on desktop. |
| Left (Desktop) |
Adds space on the left side of the cart section on desktop. |
| Right (Desktop) |
Adds space on the right side of the cart section on desktop. |
| Top (Mobile) |
Adds space above the cart section on mobile. |
| Bottom (Mobile) |
Adds space below the cart section on mobile. |
| Left (Mobile) |
Adds space on the left side of the cart section on mobile. |
| Right (Mobile) |
Adds space on the right side of the cart section on mobile. |
Blocks Configuration:
Info block
Adds an informational content area that can be used to show messaging such as shipping notes, support details, or promotional copy within the cart layout.
| Setting |
Description |
| Heading |
Sets the info block heading. Supports inline rich text. |
| Heading size |
Controls the heading size preset for the info block. |
| Heading weight |
Sets the font weight for the info block heading. |
| Heading case |
Controls capitalization styling for the info block heading. |
| Description |
Adds rich text content inside the info block. |
| Text size |
Controls the size preset for the info text. |
| Text weight |
Sets the font weight for the info text. |
| Text case |
Controls capitalization styling for the info text. |
| Tagline |
Adds a short tagline label for the info block. |
| Tagline size |
Controls the size preset for the tagline text. |
| Tagline weight |
Sets the font weight for the tagline text. |
| Tagline case |
Controls capitalization styling for the tagline text. |
| Tagline color preset |
Selects a theme color preset for the tagline text. |