Solved

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

_hwi
Excursionist
14 0 4

Hi,

I'm using the new Dawn theme. I just wanted to ask for some help on how to remove the popup when the customer clicks the add-to-cart button from a certain product page. I want it to go directly on the cart summary page without any popup. Thank you.bandicam 2021-09-06 17-48-04-566.jpg

Accepted Solution (1)
dct90248
Tourist
3 1 4

This is an accepted solution.

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;
}

View solution in original post

Replies 31 (31)

himanshuhkm
Shopify Partner
79 9 18

Hi @_hwi 

Look into the Theme Setting there will be an option for the hide the popup

 

if you have any problem please provide your store url i will send access request to your store and i can look into for free

 

thank you

If helpful then please Like and Accept Solution.
Want a shopify store or custom changes on store Hire me.
Feel free to contact me on hk.maurya1981@gmail.com
Shopify Partner | Founder - MR Software Labs
Zworthkey
Shopify Partner
5581 642 1565

@_hwi 
kindly Share your Site url.
so i will check and fix it.

Thank you.

RC7
Excursionist
18 1 2

I'm also wondering the same.

 

This doesn't seem to be something that can be deactivated in the theme customizer, or at least I didn't find the option.

yahye
Tourist
5 0 1

I have the same problem too for a while now, tried doing myself but didn't work

KG1982
Tourist
3 0 1

Hi there, I am having the same problem...I cant seem to find any place to deactivate it...none of the other recommendations work with Dawn.

 

site url is  sketchthedress.myshopify.com

password is 'test' 

 

your help would be greatly appreciated 

 

tkogiah
Shopify Partner
9 0 0

Hey there KG1982, what seems to be the specific issue you’re having? Are you wanting the pop up that notifies that the cart has been added to removed or something else?

amorlett
Shopify Partner
186 12 30

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

amorlett
Shopify Partner
186 12 30

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

dct90248
Tourist
3 1 4

This is an accepted solution.

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;
}

yahye
Tourist
5 0 1
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
yahmean
Tourist
7 0 1

still no solution 😞

Tristanvdvn
Tourist
6 0 0

worked well for me thanks

yahmean
Tourist
7 0 1

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.

craftivaart
Excursionist
26 1 4

Hi there.

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

 

www.craftivaart.com

PaulNewton
Shopify Partner
6274 573 1319

@_hwi , @RC7 is a reported feature https://github.com/Shopify/dawn/issues/650 

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


RC7
Excursionist
18 1 2

@PaulNewton Maybe I'm misunderstanding the reported feature but I think the peson says that they want this feature and not the ability to disable it, no?

PaulNewton
Shopify Partner
6274 573 1319

@RC7 wrote:

@PaulNewton Maybe I'm misunderstanding the reported feature but I think the peson says that they want this feature and not the ability to disable it, no?


Your probably right it's poorly written, so 90/10 it's either since the feature is in already in the theme though they could also mean a cart drawer /sigh.

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


amorlett
Shopify Partner
186 12 30

there is an easy way and a complex way. For the easy way to click assets go to component-cart-notification.css locate the cart-notification.active and change the visibility to hidden. The more complex way is to simply get rid of all the cart-notification liquid files but I haven't had time to test that so make sure you backup your theme !!! 

RC7
Excursionist
18 1 2

Hi @amorlett 

Thanks so much! That does work, but the issue is it doesn't redirect me to cart. I think I forgot to mention that, but the idea is to send the user to the cart page from the product page when he clicks the ATC button. How can I achieve that?

amorlett
Shopify Partner
186 12 30

you can't really without knowing a ton of javascript basically you have to route your product.js to the carts page, it's easy to do if you change the onclick event in javascript ... again this might mess up other functionality inside Dawn so back up your theme!

 

yahye
Tourist
5 0 1
Hey just wanted help real quick I’ve changed from visible to hidden but just my sticky add to cart works not the usual one?
amorlett
Shopify Partner
186 12 30

not sure what you mean, If when you click on the cart it should go to /carts page. If not you probably changed something else 

yahye
Tourist
5 0 1
Hi can’t seem to make the the add to cart notification disappear still
Zworthkey
Shopify Partner
5581 642 1565

@yahye Kindly Share your Store URL so I can help you.

tkogiah
Shopify Partner
9 0 0

I’m having a related issue but for me when a customer is logged in (I have the popup hidden) it will automatically go to cart and I don’t want it to. It’s weird that y’all are having the opposite problem.

amorlett
Shopify Partner
186 12 30

it's all related to javascript on where the click is pointing to on a click of the buy button it goes to cart-notification... to really take off cart notification you have to delete this file and the Javascript without getting super into Javascript simply hiding it in CSS should still make everything work this may not work on all browsers in that case, yeah your going to have to find the Javascript connected with this and change it to default to false *** again this might mess up other functionality and or features *** I  haven't had time to play around with dawn to much 

yahye
Tourist
5 0 1

It’s not working for me. When I change to hidden and then click add to cart nothing happens at all not even the notification comes up. So what can I do?

AlumWorks
Shopify Partner
1 0 1

Here's a relatively easy way to do it:

 

1. Add this CSS rule:

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

2. 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!

Lucid_Polygon
Shopify Partner
349 63 91

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 

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution
bragafarms
Visitor
1 0 0

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

tkogiah
Shopify Partner
9 0 0

hey bragafarms I just sent you a private message.