Cart

The Cart settings for the Responsive Theme give you the ability to add a shopping cart icon to your site’s header. It provides customers with an easy way to view their purchases and manage them.

Go to Customize > Header > Cart. (Make sure you have activated WooCommerce to see this cart option)

You can control whether to exclude the cart or show the cart icon with or without the product count next to it, as well as what position you can place the cart icon in the header layout.

Here are some of the settings you can see in the cart widget.

General Setting

• Cart Label: A text input field to set a custom label for the cart icon in the header.
• Label Position: Choose the position of the cart label relative to the icon.
• Display Cart Count: An option to show or hide the number of items in the cart next to the cart icon.
• Hide Cart Total Label: Option to hide the total cost label if the cart is empty.
• Cart Click Action: A set of three buttons to define what happens when a user clicks the cart icon.

Design Setting

Cart Icon:

• Count Color: Set the color of the number (count) of items in the cart.

Cart Button:

• Background Color: Set the background color of the cart button.
• Text Color: Set the text color of the cart button.

Checkout Button:

• Background Color: Set the background color of the checkout button.

Text Color: Set the text colour of the checkout button.

Cart Tray:

• Background Color: Set the background color of the dropdown or slide-in cart tray.
• Separator Color: A color picker for the color of any separator lines within the cart tray.
• Link Color: Set the color of links within the cart tray.

Spacing:

• Padding (px): Set the padding for your cart.
• Margin (px): Set the margin for your cart.