Template- Cart

This page shows all the products that clients want to buy.

Configure Template- Cart

Select the customize theme option. At the top of the page, click the dropdown menu to select the Cart template.

From the left side menu, select Cart.

Customize the section by utilizing the settings on the right side of the theme editor, as described below;

Main cart

Color scheme

Select any color scheme defined in the theme settings>Colors>Schemes.

Page background

Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme.

Show cart heading

Select this checkbox to show the cart heading.

Heading

Enter the heading text

Heading size

Select the heading size from the following options: - XX- large - X- large - Large - Medium - Small - X-small

Heading tag

Specify heading code types from H1-H6, div, span or p tag for SEO and search engines for crawling purposes.

Show cart description

Select this checkbox to show the cart description.

Description

Add description text.

Description text size

Select the description text size from the following options: - X- large - Large - Medium - Normal - Small - X-small

Cart

Show cart note Select this checkbox to show the cart notes. Show payment icons Select this checkbox to show the payment icons. Show shipping estimates Select this checkbox to enable the shipping estimations calculator.

Featured image

Show product image and features Select this checkbox to show the product image and its features, set in the meta-field. (Note: To show features, add product specific meta field with custom.features key and multitext type to show the features on the image. These must be comma-separated to display each feature in next line.) Heading Enter the heading text Image overlay opacity Adjust the range bar to determine the overlay opacity above the cover image. (Note: To change overlay color, edit the scheme "Image overlay background" color in the color scheme under theme settings.)

Section spacing

Desktop top space

Adjust the range bar to add spacing at the top of the section for desktop view.

Desktop bottom space

Adjust the range bar to add spacing at the bottom of the section for desktop view.

Mobile top space

Adjust the range bar to add spacing at the top of the section for mobile view.

Mobile bottom space Adjust the range bar to add spacing at the bottom of the section for mobile view.

Last updated