Shopify themes, liquid, logos, and UX
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; }
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".
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;
}
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
[email protected]
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.
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":
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
[email protected]
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!
I've already answered this, Ribe.
★ Did my post help? If yes, then please like and accept solution. ★
https://stephens.world
[email protected]
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024