Help Center | Sale Max Slide Cart Drawer - Cart Upsell

Cart customization.

Sophia

Last Update há 4 meses

Before you start customizing the Cart, here is the guide to open the Sale Max Settings page.

This article explains how to customize the cart drawer in Sale Max, including cart design, color settings, upsell sections, empty cart settings and many more.

Cart Item Body

In the Cart Item Body section, you can choose between Design 1 and Design 2 from the top options. These designs control the layout of the cart items displayed in the cart drawer.

When you select a design, the changes are instantly reflected in the cart preview on the right side.

1.) General Color Settings

Here, you can customize the colors used in the cart item body.

You can update the colors for: Background, Product Title, Compare Price and many more.

After changing any color, the cart preview on the right side updates instantly, so you can review the cart item colors.

Learn more about How to Customize General Color Setting.

2.) Cart Upsell

In the "Cart Item Body" Scroll slightly to "Cart Upsell" and click the eye icon to enable the "Cart Upsell."

Learn more about How to Customize the Cart upsell.

3.) Announcement Bar

In the 'Announcement Bar' settings, click the eye icon to enable or disable the announcement bar. You can customize the text, font size, font color, and other details.

Learn more about How to Customi ze a nnouncement bar.

4.) Timer Bar

In the 'Timer Bar' settings, click the eye icon to enable or disable the timer bar. Inside, you can customize the timer bar text, font size, color, and choose from various options.

Learn more about How to customize timer bar.

5.) Discount Save Text

In the 'Discount Save Text' settings, click the eye icon to enable or disable the discount text.

i.) Discount Save Text

Enter the text you want to display before the saved amount, such as Save.

iii.) Discount Save Text Color

Choose the color of the discount saving text.

6.) Compare Price

Click the eye icon to show or hide the compare price

When enabled, the compare price appears next to the selling price in the cart.

7.) Order Calculation Section

Click the eye icon to show or hide this section

In the Order Calculation Section, you can customize the discount code and order summary area shown in the cart drawer.

Learn more about how to customize order calculation section.

8.) Cart Empty Text/Icon

In the Empty Cart Settings section, you can customize what customers see when the cart drawer has no products.

i.) Cart Empty Text

Enter and style the message shown in the empty cart drawer, such as YOUR CART IS EMPTY.

Lean more about how to customize cart empty text.

ii.) Cart Empty Icon

Upload a custom image or icon to display with the empty cart message.

Learn more about on how to customize cart empty icon.

iii.) Drawer Background
Choose the background color of the cart drawer.

Once you’ve completed all the required changes, click the Save button at the top center or the top right of the screen to save them.

Need Help?
If you need any assistance, our support team is available 24/7 through live chat, email ( [email protected] ), and support tickets.

Was this article helpful?

1 out of 1 liked this article

Still need help? Message Us