Only keep "Item has been added to the cart" in shopping cart animation

Store Design
1

How to keep “Item has been added to the cart” in shopping cart animation and remove everythign else from the animation (Dawn Theme)?

Thanks a lot & kind regards,

Simon

2

Hello @IIIISEIIII ,

I hope you are doing well!

Can you please provide the store URL so that I can check it and provide you the code or steps?

3

Hi @IIIISEIIII,

Please go to Customize > Theme settings > Custom CSS and add code:

.cart-notification-product {
    display: none;
}
.cart-notification__links {
    display: none;
}
4

Hello @IIIISEIIII

Please share your store URL and password so I can check and update you accordingly.

5

Hi @IIIISEIIII ,

Could you please share with me the website URL or a collaborator access code? I will help you check the issue and fix it.

6

Hi Simon @IIIISEIIII, If you’d like to keep only the “Item has been added to the cart” message while removing the product preview and buttons from the cart notification in Dawn, you can do so with a small CSS tweak:

Please go to Customize > Theme settings > Custom CSS and add the following code:

.cart-notification-product {display: none;} 
.cart-notification__links {display: none;}

Explanation:

.cart-notification-product → this class controls the product thumbnail, name, and price inside the cart popup. Setting it to display: none; hides that entire section.

.cart-notification__links → this class contains the quick action buttons. Hiding it removes those links from the animation.

After applying the code, only the confirmation text “Item has been added to the cart” will remain visible.

Hope this helps :blush: