How to Customize the Cart Drawer when it’s empty?

Modified on Wed, 4 Feb at 3:42 AM


Wondering how your cart drawer looks when there are no items inside? This feature allows you to customize the empty cart state by displaying a friendly message, image, and call-to-action to guide customers back to shopping.


How Cart Drawer Display When It’s Empty:



How to Set It Up

Step 1: Enable Amote in Your Theme

  1. Make sure the Amote app embed is enabled in your Theme Editor.
      Please refer to this article for detailed instructions.

  2. Open Amote in your Shopify Admin.

  3. Go to Upsell & Cross-sell → Cart Drawer → Empty Cart Item section.


Step 2: Configure Settings and Customization

In General Settings, configure the content:

  • Image: You can display an image in the cart drawer when it's empty

  • Empty message: The message shown when the cart has no items (for example: Your cart is empty. Let’s find something you’ll love!).

  • Button text: Customize the call-to-action button (for example: Continue Shopping).

  • Button link: Choose where customers are redirected when clicking the button (homepage, collections, or a specific page).


In the Appearance section, you can apply your Global colors or manually customize contents in Section Color:


Step 3: Save and Test

Click Save, then visit your storefront:

  • Open the cart drawer with no items added

  • Confirm the empty cart message, image, and button display correctly

  • Test the button link


If you need further guidance or have any questions, don't hesitate to reach out to our support team via email at support@amote.app or submit a ticket here. We'd be happy to help.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article