Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
This is an accepted solution.
I did it pretty simple way.
Just edit code
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;
}
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
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.
I have the same problem too for a while now, tried doing myself but didn't work
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
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?
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
@_hwi did my new suggestion work for you? I tested in my development store and it worked
This is an accepted solution.
I did it pretty simple way.
Just edit code
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;
}
still no solution 😞
worked well for me thanks
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.
Hi there.
Could you please let me know how can I disable only checkout section from this popup? Thank you so much. Thank you.
@_hwi , @RC7 is a reported feature https://github.com/Shopify/dawn/issues/650
Contact paull.newton+shopifyforum@gmail.com for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
@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?
@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.
Contact paull.newton+shopifyforum@gmail.com for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
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 !!!
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?
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!
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
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.
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
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?
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!
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
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
hey bragafarms I just sent you a private message.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025