Dawn Theme: How to remove the Add-to-Cart popup

Store Design
21

what about if you delete all the css under component-cart-notification.css, if not you will have to get a dev to do it because some Javascript elements are connected to the cart-notification.liquid

22

@_hwi did my new suggestion work for you? I tested in my development store and it worked

23

I did it pretty simple way.

Just edit code

component-cart-notification.css

and just change this code on the 5th row

.cart-notification-wrapper .cart-notification {> display: block;> }

to this:

.cart-notification-wrapper .cart-notification {> display: none;> }

5 Likes
24

Ok can you give us easy way to click add to cart and then jump over to cart that’s what need help with thanks

1 Like
25

worked well for me thanks

26

still no solution :disappointed_face:

27

yea but now customers are stuck on the product page trying to figure out how to checkout. This will lose many sales. We need a solution where the stupid box doesnt come up and it proceeds to cart page.

1 Like
28

Here’s a relatively easy way to do it:

  1. Add this CSS rule:
.cart-notification-wrapper .cart-notification {
  display: none;
}
  1. In cart-notification.js, add the following lines to the the top of the open() function:
window.location.href = '/cart';
return;

Good idea to backup your theme beforehand, just in case!

1 Like
29

Here is how to disable the notification popup correctly.

Just got it working for my website.
You have to remove this line which triggers the popup.

this.open();

Here’s a step-by-step instruction link.

Shopify Dawn Theme Hide/Disable Add to Cart Popup

30

I’ve followed all the steps. Even others before on this thread.
But it’s still popping up.

Can you please help me? Bragafarmsdfw.com

31

hey bragafarms I just sent you a private message.

32

Hi there.

Could you please let me know how can I disable only checkout section from this popup? Thank you so much. Thank you.