Cart page
Overview:
The Main Cart section displays the shopping cart page where customers can review products before checkout. It supports customizable headings, descriptions, breadcrumb navigation, payment icons, typography controls, layout settings, color schemes, and responsive spacing options. This section is designed to improve the cart experience while maintaining visual consistency across the storefront.
Section Configuration
Breadcrumb:
| Setting |
Description |
| Show Breadcrumb |
Displays breadcrumb navigation above the cart page for improved navigation and SEO structure. |
| Breadcrumb Color Scheme |
Applies a predefined color palette to the breadcrumb section. |
Heading:
| Setting |
Description |
| Section Heading |
Defines the main heading displayed on the cart page. |
| Heading Size |
Controls the size of the heading text. |
| Heading Weight |
Adjusts the font thickness of the heading text. |
| Heading Case |
Changes the text transformation style such as uppercase, lowercase, capitalize, or default. |
| Heading Tag |
Sets the HTML heading tag level from H1 to H6 for SEO and accessibility purposes. |
| Heading Font Family |
Allows switching between default and body font family styles. |
| Heading Color Style |
Applies predefined color styling to the heading text. |
| Heading Link Style |
Controls the styling behavior of links used inside the heading content. |
Description:
| Setting |
Description |
| Description Text |
Displays supporting text or informational content below the cart heading. |
| Description Size |
Controls the size of the description text. |
| Description Weight |
Adjusts the font thickness of the description text. |
| Description Case |
Changes the text transformation style of the description text. |
| Description Font Family |
Allows switching between default and heading font family styles. |
Layout:
| Setting |
Description |
| Container Layout |
Determines whether the cart section uses a contained, contained content, or full-width layout. |
| Container Width |
Controls the maximum width of the cart section container on desktop devices. |
| Text Alignment (Desktop) |
Sets the horizontal alignment of cart content on desktop devices. |
| Text Alignment (Mobile) |
Sets the horizontal alignment of cart content on mobile devices. |
Color Scheme
| Setting |
Description |
| Section Color Scheme |
Applies a predefined color palette to the cart section background and content. |
| Inverse Color Scheme |
Inverts the selected color scheme styling for contrast variations. |
| Gradient Mode |
Enables gradient styling for the section background, widgets, or both. |
| Enable Heading Gradient |
Enables gradient styling for section headings. |
Payment Options
| Setting |
Description |
| Enable Payment Icons |
Displays accepted payment method icons inside the cart page. |
Padding
| Setting |
Description |
| Top Padding (Desktop) |
Adds spacing inside the top area of the cart section on desktop devices. |
| Bottom Padding (Desktop) |
Adds spacing inside the bottom area of the cart section on desktop devices. |
| Left Padding (Desktop) |
Controls the inner left spacing of the cart section on desktop devices. |
| Right Padding (Desktop) |
Controls the inner right spacing of the cart section on desktop devices. |
| Top Padding (Mobile) |
Adds spacing inside the top area of the cart section on mobile devices. |
| Bottom Padding (Mobile) |
Adds spacing inside the bottom area of the cart section on mobile devices. |
| Left Padding (Mobile) |
Controls the inner left spacing of the cart section on mobile devices. |
| Right Padding (Mobile) |
Controls the inner right spacing of the cart section on mobile devices. |
