Re: Dawn Theme - How to remove 'check out' button from 'item added to your cart' pop up window

Solved

Dawn Theme - How to remove 'check out' button from 'item added to your cart' pop up window

MauiBerries
Visitor
2 0 0

Hello, once an item is added, the 'item added to your cart' window pops up with 2 buttons.  One says 'view cart' which is great.  The other button says 'check out'.  I need to eliminate the 'check out' button from this window.  I need customers to go to cart to select local delivery date and include personalized note.  I have seen other themes where the 'item added to your cart' pop up window only shows 'view cart' button.  How do I remove 'check out' button from this pop up window please?!  Thank you!! 

Accepted Solution (1)

diego_ezfy
Shopify Partner
2969 571 906

This is an accepted solution.

@MauiBerries, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

cart-notification [name='checkout']{
    display: none !important;
}

diego_ezfy_0-1655686182599.png

 


If it helps you please click on the "like" button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

View solution in original post

Replies 13 (13)

collinsmbaka
Shopify Partner
224 27 106

Hi @MauiBerries 

 

Please follow these steps;

1. From your Shopify admin dashboard
2. Navigate to Online stores > Themes > Select the main theme
3. Click on Actions > Edit code
4. From the code editor, search for the cart-notification.liquid file
5. Comment out this code

collinsmbaka_0-1655681972593.png

 

6. So it will look like this

collinsmbaka_1-1655682046004.png

 

7. Save and refresh the pages 

Collins Mbaka
Web Developer | Shopify Developer
Mike5241
Explorer
49 0 11

Thanks a lot Collinsmbaka!

diego_ezfy
Shopify Partner
2969 571 906

This is an accepted solution.

@MauiBerries, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

cart-notification [name='checkout']{
    display: none !important;
}

diego_ezfy_0-1655686182599.png

 


If it helps you please click on the "like" button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

MauiBerries
Visitor
2 0 0

It worked perfectly!  Thank you so much 😄

puregiftboxes
Tourist
4 0 1

Which one of the solutions above worked for you though? Thanks in advance.

Scott_Rusbyy
Tourist
3 0 1

Also worked for me. Thanks! 

puregiftboxes
Tourist
4 0 1

Which one of the solutions worked for your though? Thanks in advance.

rollingrefills
Visitor
1 0 0

THANK YOU!

CamilleWIST
New Member
6 0 0

This worked, Thank you

abbecom10
Tourist
3 0 1

How would I change the color of the "checkout button" in the same pop up window?

EC23
Excursionist
23 1 5

Thank you! Still works perfectly in 2023!

Ennio806Soles
Visitor
2 0 0

THANKS

DX7
Visitor
1 0 0

Hi @diego_ezfy, I have added the code you mentioned and it works when I go to my website, on the computer. If I go on my cellphone, the 'checkout' from the pop-up is still there... Why is that? Is there a way to remove it?
Thanks!