Cart page
Overview:
The Main Cart section displays the contents of the customer’s cart and provides options to customize layout, style, descriptions, promotional elements, and checkout experience.
Section Configuration:
Cart Content Settings
Setting |
Description |
| Heading |
Sets a custom heading for the cart section. Defaults to “Your Cart” if left blank. |
| Heading Size / Weight |
Controls the font size and boldness of the cart heading. |
| Description |
Displays additional text under the heading to guide or inform shoppers. |
| Description Size / Weight |
Sets the size and font weight for the description text. |
| Show Payment Icons |
Displays icons representing accepted payment methods below the checkout button. |
Breadcrumb Settings
Setting |
Description |
| Show Breadcrumb |
Toggles the breadcrumb navigation bar above the cart. |
| Show Top Border |
Adds a top border to the breadcrumb container. |
| Show Bottom Border |
Adds a bottom border to the breadcrumb container. |
| Corner Radius |
Controls the corner rounding style of the breadcrumb background. |
| Container Layout |
Sets the width style for the breadcrumb: Page Width, Contained Content, or Full Width. |
| Color Scheme |
Applies a color scheme to the breadcrumb section. |
Icon + Description Blocks
Block |
Description |
| Icon Description |
Adds a visual block combining an image, heading, and description to highlight cart-related messages, such as promotions or service guarantees. |
| Block Settings |
Each block includes an image, heading, and rich text description. Font size and weight are defined by section-wide icon text settings. |
Icon Description Text Settings
These apply to all icon_description blocks added in the cart section:
Setting |
Description |
| Icon Heading Size / Weight |
Sets the size and weight for block headings. |
| Icon Text Size / Weight |
Sets the size and weight for block description text. |
Layout Settings
Setting |
Description |
| Container Layout |
Determines the cart section's content width: Page Width, Contained Content, or Full Width. |
| Corner Radius |
Rounds the top, bottom, both, or none of the container's corners. |
| Color Scheme |
Applies a theme-defined color scheme to the entire section. |
Spacing Settings
Setting |
Description |
| Top Padding |
Adds vertical space above the section. |
| Bottom Padding |
Adds vertical space below the section. |
Conditional Features (Theme-Wide Settings)
These settings are not directly controlled by this section, but influence what is displayed:
Feature |
Description |
| Free Shipping Bar |
When enabled in theme settings, shows a progress bar with messaging based on the cart total and configured free shipping threshold. |
| Order Notes |
Allows customers to include a note with their order via a collapsible textarea field. |
| Customer Account Login Prompt |
Displays a login link in an empty cart if customer accounts are enabled and the customer is not logged in. |
Empty Cart View
When the cart is empty:
- Displays an icon and message indicating the cart is empty.
- Provides a “Continue Shopping” button linking to the all-products collection.
- Optional icon-description blocks may still be shown to encourage exploration.