Cart page settings

Countdown bar settings

Setting	Description
Show timer	Mark the checkbox to show a timer, or remove the mark to hide a timer.
Countdown label	Add captivating text for countdown bar.
Countdown label color	Choose the text color in the countdown bar.
End date	Please refer to the example provided below the field to ensure you correctly input the end date.
When date has passed	When the specified date has passed, you can decide how to handle the countdown bar from a dropdown menu: Show zeroes Hide countdown Disable buy buttons
Countdown style	Choose style of countdown bar Default With a colon
Days label	Keep the suggested label for days, or write your label in the field.
Background color	Choose a background color for days by trying these five options from the dropdown list: Background main, Background section 1,2,3,4,5, and Transparent (without background). Colors for these backgrounds can be set in the Theme Settings/Colors block.
Hours label	Keep the suggested label for hours, or write your label in the field.
Background color	Choose a background color for hours by trying these five options from the dropdown list: Background main, Background section 1,2,3,4,5 and Transparent (without background). . Colors for these backgrounds can be set in the Theme Settings/Colors block.
Minutes label	Keep the suggested label for minutes, or write your label in the field.
Background color	Choose a background color for minutes by trying these five options from the dropdown list: Background main, Background section 1,2,3,4,5 and Transparent (without background). Colors for these backgrounds can be set in the Theme Settings/Colors block.
Seconds label	Keep the suggested label for seconds, or write your label in the field.
Background color	Choose a background color for seconds by trying these five options from the dropdown list: Background main, Background section 1,2,3,4,5 and Transparent (without background). . Colors for these backgrounds can be set in the Theme Settings/Colors block.
Number color	Set the color for numbers by clicking on color circle.
Number font size	Set numbers font size according to your website’s style using a slider with font sizes.
Number font size mobile	Set numbers font size on mobile according to your website’s style using a slider with font sizes.
Number weight	The numbers weight can be: light, normal, medium, bold, or semi bold.
Label color	Set the color for labels by clicking on the color circle.
Label font size	Set label font size according to your website’s style using a slider with font sizes.
Label weight	The label weight can be: light, normal, medium, bold, or semi bold.

Banner settings

Setting	Description
Heading color	The “Heading color” setting offers four options to customize the color scheme of your section heading: Text main color Text secondary color Headings color Headings secondary color It's important to note that the color scheme you choose for these four options will be consistent throughout your website. So, when you update the theme settings for these text colors, the same color scheme will be applied to other sections or blocks that use text elements.
Show continue shopping	Mark the checkbox to add ‘Continue shopping’ link to banner.
Banner background color	There are five options: Background main, Background section 1,2,3,4,5. Colors for these backgrounds can be set in the Theme Settings/Colors block.
Banner background image	Add an image as the background for your banner to enhance its visual appeal and match your overall design.
Banner background mobile	Add an image as the background for your banner on mobile to enhance its visual appeal on smaller devices.
Banner left overlay	Apply an overlay over the banner image on the left to enhance its visual appeal.
Banner right overlay	Add a second overlay to the banner image on the right, allowing for creative combinations of overlay.
Make section full width	Mark the checkbox, and the section will take up the full width of the page.
Shape position	Choose the position of shape: Top: The shape is displayed only at the top of the section. Bottom: The shape is displayed only at the bottom of the section. Both: The shape is shown at both the top and bottom of the section.
Type	Select the shape type that enhances the visual appeal of your banner the most.
Color	You can select the color of the shape to complement the color of the banner.
Width	Adjust the shape width using the slider. But notice that it has an impact on section width.
Top padding	The “Top padding” setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The “Bottom padding” setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section.
Show breadcrumbs	Enable this option to display the breadcrumb navigation trail on your pages. Customers can back to the homepage by clicking on homepage link in breadcrumbs. By clicking on "Continue Shopping" button they can navigate to collection page with all products.

Empty cart settings

Setting	Description
Reduce space	Style-1: Top and bottom paddings are bigger in empty cart banner. Style-2: Top and bottom paddings are smaller in empty cart banner.
Heading size	The heading size setting offers three options to control the size of the section headings: Small Medium Large
Heading weight	Choose the appropriate font weight for headings to ensure they stand out and align with your design.
Login title size	Choose size for login: Small Medium Large
Login title weight	Choose the appropriate font weight for login.
Login title color	Choose the login title color from color picker.
Background color	Select a background color for empty cart banner.
Enable custom border radius	When this option is turned on, you can adjust the border radius of images.
Border radius	Adjust the border radius of images to make them straight, less rounded, or more rounded.

Cart settings

Setting	Description
Cart type	Select the preferred layout style for your cart page: Full width Two columns
Items background color	Choose a background color for items.
Hide items border	Hide or show border for items block: products in cart.
Checkout background color	Choose a background color for checkout.
Hide checkout border	Hide or show border for checkout block.
Promoted background color	Choose a background color for promoted collection with products.
Hide promoted border	Hide or show border for promoted collection block.
Promoted collection	Choose the collection of products that you want to display in the “You May Also Like” section on the cart page.
Promoted collection title	Come up with a captivating title to promote the featured collection products.
Shape position	Choose the position of shape: Top: The shape is displayed only at the top of the section. Bottom: The shape is displayed only at the bottom of the section. Both: The shape is shown at both the top and bottom of the section.
Type	Select the shape type that enhances the visual appeal of your banner the most.
Color	You can select the color of the shape to complement the color of the banner.
Width	Adjust the shape width using the slider. But notice that it has an impact on section width.

Section settings

Setting	Description
Background color	There are six options: Background main, Background section 1,2,3,4,5. Colors for these backgrounds can be set in the Theme Settings/Colors block.
Background gradient	Use the gradient picker to create a custom gradient for your section background.
Top padding	The “Top padding” setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The “Bottom padding” setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section.