Cart page template

Setting

Description

Layout style

Choose the layout style for your cart:

Default: Products are displayed in full width on the page.

Two columns: Products are arranged in a two-column layout alongside the Order Summary.

Banner settings

Setting	Description
Letter spacing	You can set letter spacing for heading using a slider.
Heading style	Choose a style: default (text displays as entered in the admin panel), uppercase, or capitalize.
Color-changing text	To change the colors of words that are not next to each other, use a comma. Choose a color from the color palette below this option.
Custom color	Highlight individual words using different color.
Top padding	Add padding before title and breadcrumbs.
Bottom padding	Add padding after title and breadcrumbs.

Breadcrumbs settings

Setting	Description
Show breadcrumbs	If you want to show the breadcrumb, toggle the switch “Show breadcrumb”.

Cart settings

Setting	Description
Cart style	There are three available styles: Border quantity Without border quantity Round border quantity Delete button on end
Heading font family	Heading: This option lets you select the font family used in headings for buttons and link text throughout the website. Body: This option lets you select the font family used in body text for buttons and link text throughout the website.
Heading font size	This setting allows you to adjust the font size of the product title on your theme. Choose Small, Medium, or Large according to the chosen font family and for better viewing.
Heading font style	This setting enables you to define the capitalization style for text. You have the following options: Default: No capitalization transformation is applied (Capitalization is shown based on the product detail page settings in the dashboard menu). Uppercase: Converts all text to uppercase letters. For example, “Geometric Earrings” becomes “GEOMETRIC EARRINGS”.
Show second image on hover	You can see the second image on hover if this product has 2 or more images added in the settings of the product detail page in your Shopify store.
Add padding to image	Toggle the switch, and the image will be displayed with a background frame.
Product background color	To change the background color, click the box containing the color circle and name to open the color picker. Then, select your desired color.
Add image borders	This option will add a visible border around the product image. This can help to make the image stand out and give it a more defined look.
Portrait image ratio	Crops the images to use a 2:3 ratio.
Show vendor	Shows the vendor of the products, if the vendor is added to the product detail page in the Shopify Store.
Show product details	Shows or hides product details (Color, size, material…)
Show cart account for an empty cart	Toggle the switch to show the heading and link to the account page when the cart is empty.
Show cart continue shopping button	The “Continue Shopping” button will be displayed on the Cart page when products are added to the cart.
Show cart continue shopping button for an empty cart	The “Continue Shopping” button will be displayed after buying products or after clearing the cart on the empty cart page.

Price settings

Setting	Description
Font weight	Adjust the thickness or weight of the font used for displaying prices.

Label and picker settings

Label for added products	You can change the name of the label “Items” for added products to the cart and write your option.
Text style	Choose from two styles: Default (sentence case) or uppercase.
Font size	You can set the label font size (it can be for “color”, “quantity”, “size”)
Font weight	You can set the label font weight (it can be for “color”, “quantity”, “size”)
Picker font size	Use the slider to adjust the font size of the picker. This applies to various contexts, such as quantity numbers (1, 2, ...) or when opting for a dropdown view with a divider or with a border for color and size options.
Picker font weight	You can change the picker font weight. This applies to various contexts, such as quantity numbers (1, 2, ...) or when opting for a dropdown view with a divider or with a border for color and size options.
Items icon for default layout	In the default layout of the cart page, you can add an icon near the “Items” heading.

Continue shopping button settings

Button color style

This feature allows you to customize the color style of buttons. You have two options to choose from:

Primary
Secondary

This setting can be applied to buttons, links, and underlined links within the section.

*To choose or change the colors for these button styles, go to the “Colors” tab in the theme settings and locate the “Primary button” and “Secondary button” blocks. By changing the colors in the theme settings, the new color style will be applied throughout the entire theme.

Button style

Choose from seven button styles:

Default: Solid background with text.
Default with icon: Same as Default, plus an icon. Add icon in Theme Settings > Buttons > Add icon to inline button option by pasting SVG code. For detailed steps on adding an SVG icon, see the “Buttons” article in Theme Settings, and look for the “Add icon to inline button” option. For example, you can use an arrow icon.
Outline: Transparent background with colored outline and text.
Outline with icon: Outline style with an icon. Add icon the same way as Default with icon style.
Inline: Looks like a text link. You can also add an icon using the same steps as the Default with icon style.
Inline with underline: Inline style with a permanent underline.
Inline with underline on hover: Inline style with underline appearing on hover.

Subtotal blocks settings

Setting	Description
Show cart note	Show a cart note on the page. You can write a note on your order. After buying the product, this note will be displayed in the product order.
Notes icon	Add image note heading through “Select image”.

Gift wrapping on the Cart Page

You can offer a gift box or gift bag, which will be visible in the “Select Product”. But you need to first create a new product in the admin and set it up (write the content, add the price, and the image).

Show upsell product	Toggle the switch to see an upsell product in the subtotal settings.
Select upsell product	You can select a gift box.
Heading size	Adjust the heading font size for the gift product name by picking from large, medium, or small sizes.
Heading font family	Heading: This option lets you select the font family used in headings for buttons and link text throughout the website. Body: This option lets you select the font family used in body text for buttons and link text throughout the website.
Label before upsell product price	Type an appropriate text for the label.
Product background color	Choose a background color for the “Additional product” area.
Summary background color	Choose a background color for the Summary block with total information.

Section settings of the block with products

Setting	Description
Top padding	Adjust padding before the product block.
Bottom padding	Adjust padding after the product block.

Empty cart style

Setting

Description

Style

Choose a style for an empty cart:

Default: All text on the page without a banner.

With banner: Main heading, and after the banner with additional information.