Hide go to Checkout button from added to cart notification

JonasZitzer
New Member
7 0 0

Hi there, I want to do a few things to the "Added to cart" notification. I'm using the Empire theme. Store url = https://gokiwii.de password= 16012006

 

1. I want to hide the Checkout button (marked in red) because it's causing Problems for our customers and does not work with our order process (it skips delivery time & date).

JonasZitzer_0-1691779097668.png

 

2. After that, I want to make the button on the left the same color as the other one (I want to use primary button style)

JonasZitzer_1-1691779205684.png

 

3. And the last thing, is it possible to add a quantity selector in to this notification? And if it is, how could I do that

 

Thank you so much in advance and have a wonderful day 🙂

 

Reply 1 (1)
PaulNewton
Shopify Partner
5931 537 1241

Hi @JonasZitzer 

For Empire theme to hide it's cart notification's checkout button try the following CSS band-aid

in a custom css theme setting 

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css 

.atc-banner--container [action="/cart"] {
 display:none;
}
.atc-banner--container .atc-button--viewcart {
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}

 


@JonasZitzer wrote:

3. And the last thing, is it possible to add a quantity selector in to this notification? And if it is, how could I do that

 

That is an advanced customization not solved with some simple css.

 

If you need that advanced customization can contact me by directly for services.
Please always provide context, examples: store url, theme name, post url(s) , or further detail.
Contact Info in signature.

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