How to remove add to cart button from collections pages on Craft Theme

Technical Q&A
,
1

Hi there, how do I remove the add to cart on all collection pages using Craft Theme. Thank you!

2

Hi @aCharlie

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

3

These are the two main collection pages:
https://syrachacuse.com/collections/syrachacuse-gourmet-sauces
https://syrachacuse.com/collections/holiday-gift-sets
Thank you!

4

Thanks for the info, check this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
div#shopify-section-template--16937455288534__main-collection-product-grid .quick-add__submit {
    display: none;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

5

Thank you so much! It worked. Dropped the code into base.css

6

Can I ask another question… who do I remove the pricing from just this collection page https://syrachacuse.com/collections/holiday-gift-sets and also the same gift section on the home page https://syrachacuse.com/

Either remove the pricing, or change it “Price Varies”

7

We can remove the price from the collection in the homepage. But in the gift card it may affect another collection.

This one for the homepage.

Same Instruction.

section#shopify-section-template--16937455321302__d351794e-6326-46c8-a240-e19a8027759b .price__container {
    display: none;
}

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

8

That worked for the home page. Thank you! What would be the ideal solution to remove the pricing just from that collection page https://syrachacuse.com/collections/holiday-gift-sets