Solved

How to remove "Add to Cart" button on Dawn theme

juliadenniston
Tourist
3 0 1

Hello! I am trying to hide my "add to cart" button on my products. They are both under a dynamic button.

I've tried messing around a little bit with editing the code but i'm not exactly sure where I need to be to remove.

Screen Shot 2023-05-15 at 10.26.06 AM.png

 

I am trying to keep the "buy now" button and only remove the "add to cart". I also will need to make the "buy it now" white instead of black.

 

Thanks!

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
5127 1223 1497

This is an accepted solution.

Thank you for the information. You can try this code. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "theme.scss.liquid" or "styles.scss.liquid" file, depending on which file your theme uses to store its CSS styles. 
  4. At the bottom of the file, add the following CSS code:
  5. And Save.
button#ProductSubmitButton-template--18810342834449__main {
    display: none;
}
button.shopify-payment-button__button.shopify-payment-button__button--unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw {
    background: white;
    color: black;
}

Result:

Rose_Dim_0-1684169385837.png

I hope it help. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 11 (11)

Made4uo-Ribe
Shopify Partner
5127 1223 1497

Hi @juliadenniston ,

Would you mind to share the URL store (with password)? 

Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


juliadenniston
Tourist
3 0 1

@rosediamond 

 

Thanks for your help!

Made4uo-Ribe
Shopify Partner
5127 1223 1497

This is an accepted solution.

Thank you for the information. You can try this code. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "theme.scss.liquid" or "styles.scss.liquid" file, depending on which file your theme uses to store its CSS styles. 
  4. At the bottom of the file, add the following CSS code:
  5. And Save.
button#ProductSubmitButton-template--18810342834449__main {
    display: none;
}
button.shopify-payment-button__button.shopify-payment-button__button--unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw {
    background: white;
    color: black;
}

Result:

Rose_Dim_0-1684169385837.png

I hope it help. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


juliadenniston
Tourist
3 0 1

 

Hi Rose,

 

Those files are not in the new 2.0 themes. However, I was able to add this code to the "base.css" file and it worked! Thank you so much!!

 

Made4uo-Ribe
Shopify Partner
5127 1223 1497

Thats good! Yeah, you must put in the file with the end of .css every theme have different name. But also you can use the theme.liquid.css but this file is good for header section. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


samydixit
Visitor
1 0 0

I'm having a similar issue. Can you please share the screenshot where have you added the given code.

Summar
Tourist
3 0 2

I tried this and it removed the buy it now and kept the add to cart. can you help? 

https://summar.co.uk/

Made4uo-Ribe
Shopify Partner
5127 1223 1497

Hi @Summar 

It password protected. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


CementTileGuy
Tourist
5 0 3

Hello,

 

I tried so many options and I can't seem to get this to work on my Dawn theme.

 

We will never use the add to cart or checkout buttons on our store as we are using a Request a Quote app.

 

I just need that button gone...

 

Any assistance with this is much appreciated.

 

Doyle W.

Made4uo-Ribe
Shopify Partner
5127 1223 1497

Hi @CementTileGuy 

I check your store i only see in your cleaners and sealers collections, which one you like to remove?

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


CementTileGuy
Tourist
5 0 3
Yes... those are the only items where the add-to-cart button appears because I use a Request a Quote app that has a feature that hides the button on all other items, we can't figure out why it only shows on "Cleaners and Sealers", so we have decided to just remove the cart button altogether.
But we can't seem to get any code to work...
We will never use Add-to-cart or Checkout buttons as we are a custom-handmade-to-order company and we invoice our customers outside the Shopify store.

Any help with this is much appreciated!

Thanks,
Doyle W.