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
1170 127 293

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. ★

Hire me for your Shopify project @ 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
1170 127 293

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. ★

Hire me for your Shopify project @ stephens.world | support@stephensworld.ca

Made4uo-Ribe
Shopify Partner
5120 1220 1493

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.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


StephensWorld
Shopify Expert
1170 127 293

I've already answered this, Ribe.

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

Hire me for your Shopify project @ stephens.world | support@stephensworld.ca