What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Removing add to cart button and cart in the navigation

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 Partner
1400 174 371

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 Partner
1400 174 371

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
9179 2190 2706

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!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
StephensWorld
Shopify Partner
1400 174 371

I've already answered this, Ribe.

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

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