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

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
8470 2024 2484

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. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 11 (11)

Made4uo-Ribe
Shopify Partner
8470 2024 2484

Hi @juliadenniston ,

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

Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
juliadenniston
Tourist
3 0 1

@rosediamond 

 

Thanks for your help!

Made4uo-Ribe
Shopify Partner
8470 2024 2484

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. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
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
8470 2024 2484

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. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
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
8470 2024 2484

Hi @Summar 

It password protected. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
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
8470 2024 2484

Hi @CementTileGuy 

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

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
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.