Removing add to cart button and cart in the navigation

xktheory
Tourist
7 0 3

Hi guys I am trying to remove the add to cart button in my collection and remove the cart in the navigation in the Dawn theme. 

I tried, but did not work. 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-form__cart-submit {
    display: none;
}

 

xktheory_0-1700167149369.png

 

Replies 5 (5)

StephensWorld
Shopify Expert
1374 167 340

Hey Xktheory,

 

I just took a look at the Dawn theme. There's actually no 'add to cart' buttons on the collection pages -- they're only on product pages. 

 

To hide the 'add to cart' buttons on product pages, you can do that via the theme editor (without any custom coding). Navigate to a product page within the theme editor, and then click into "product information" from the left-hand menu. From there you can 'hide' the section for "buy buttons". 

 

buy buttons.png

 

To hide the cart from your navigation menu, you'll need to add a bit of coding. 

 

Within the theme editor, click into the "Header" section from the left-hand menu. Then on the right-hand menu, scroll down to the "Custom CSS" section and add the following coding:

 

a#cart-icon-bubble {
  display: none;
}

 

custom css.png

 

This will remove the cart icon from showing up in the header/navigation.  

 

Let me know if the above helps or not! 🙂

 

Cheers,

Stephen

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

xktheory
Tourist
7 0 3

Thank you, the remove cart button from the navigation was perfect. 

However, the "Add to cart" button isn't on a collection page but rather a "featured collection" on a normal page, so the above suggestion does not work unfortunately. 

StephensWorld
Shopify Expert
1374 167 340

Hey Xktheory,

 

If you're using the "featured collection" block/section on the homepage (or a custom content page), then there should be an option to turn off the 'add to cart' within that section's settings called "enable quick add button":

 

add to cart.png

 

Uncheck that box, save changes, and then the add to cart buttons should be gone! 🙂

 

Cheers,

Stephen

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

Made4uo-Ribe
Shopify Partner
5977 1439 1776

Hi @xktheory 

Just to clarify, you like to remove the add to cart in the collection pages only? And also the cart in the header? Would you mind to share your Store URL website? with password if its unpublish. 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.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


StephensWorld
Shopify Expert
1374 167 340

I've already answered this, Ribe.

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca