Cart

Overview #

The Cart theme settings are essential for customizing the shopping cart experience across the entire shop. These settings control the overall look and feel of the cart, influencing how customers interact with their shopping experience. They are applied globally but can be overridden at the section or block level if needed.

Key components and functionality #

Cart settings

The cart settings allow you to tailor the behavior and appearance of the cart interface, enhancing the shopping experience for users.

Mini cart buttons

This setting determines the actions available in the mini cart. You can choose from the following options:

• Checkout: Directs users to the checkout page.
• View cart: Allows users to view their cart details.
• Both: Provides both checkout and view cart options.
  • Default: Checkout

Show currency codes

This option enables the display of currency codes alongside prices, providing clarity for international customers.

Show dynamic checkout buttons

When enabled, this setting displays dynamic checkout buttons, allowing customers to quickly proceed with their preferred payment method.

• Default: Enabled

Show order notes

This setting allows customers to add notes to their orders, which can be useful for special instructions or requests.

• Default: Enabled

Cart announcement

The cart announcement settings are used to provide additional information or reassurance to customers during the checkout process.

Announcement icon

You can specify an icon to accompany the cart announcement, enhancing its visibility and impact.

• Default: Lock

Announcement text

This text is displayed as part of the cart announcement, typically used for messages like "Secured checkout."

• Default: Secured checkout

Empty cart settings

These settings are designed to encourage users to add items to their cart by customizing the empty cart message and appearance.

Icon

Choose an icon to display when the cart is empty, adding a visual element to the message.

Heading

Set a heading for the empty cart message to capture the user's attention.

Subheading

Provide additional context or encouragement with a subheading in the empty cart message.

Button icon

Select an icon for the button that encourages users to continue shopping or explore products.

Button text

Customize the text on the button that directs users to browse products or collections.

Button link

Specify the URL that the button will link to, guiding users to a specific page or collection.

Open link in a new tab

Decide whether the button link should open in a new tab, allowing users to keep their current page open.

• Default: Disabled

Button style

Choose the style of the button from the following options:

• Primary
• Secondary
• Extra large
• Plain
• Small
• Small secondary

Button layout

Select the layout for the button, determining the position of the icon relative to the text:

• Icon left
• Icon right
• Icon only

Usage examples #

1. Customizing the mini cart: Enable both checkout and view cart options to provide flexibility for users who may want to review their cart before proceeding to checkout.

2. Enhancing international shopping: Display currency codes to ensure that international customers are aware of the currency they are viewing, reducing confusion and potential cart abandonment.

3. Encouraging purchases with announcements: Use the cart announcement feature to reassure customers with messages like "Free returns" or "Secure payment," increasing their confidence in completing the purchase.

4. Improving empty cart engagement: Customize the empty cart message with a friendly heading and a call-to-action button that links to a featured collection, encouraging users to explore products and add them to their cart.