Disable cart preview and allow notification (Sense)

Store Design
,
1

Hi there,

I am trying to disable the cart drawer/popup preview that is displayed every time you add an item to the cart in order not to interrupt the shopping experience.

Instead of a cart preview, I want to quickly display the message “Item added to your cart” and have it automatically disappear without having to manually close it (x).

cart.png
cart.png758×684 46.4 KB

Can this be achieved?

I have added this piece of code to the bottom of component-cart-notification.css

div#cart-notification {
    display: none !important;
}

The cart preview isn’t displayed anymore as desired. But the text notification does not show up. I am aware that I have blocked it, but I don’t know how to trigger the notification exclusively.

Theme: Sense

Website: shop.unitkw.com

Password: 404

Many thanks,

Hanan

2

You’ll have to do this with JavaScript. Any experience writing code before by any chance?

3

Yes, but it’s been a few years.

I’m also new to Shopify, so I’ll need help navigating the files and where the codes are located.

4

If you want, since this could be a little tricky, I can set this feature up for you.