How to hide price, add to cart, buy buttons in one collection?

Solved
Highlighted
New Member
3 0 0

Hi. I am new to Shopify, liking it so far.

My store has two collections. In one collection we will be selling coffee pods online and everything works fine with it.

The second collection are machines that are not sold online so I wanted to get rid of the price, add to cart and buy buttons on the product page. I was referred yesterday to this article...
https://shopify.dev/tutorials/customize-theme-replace-add-to-cart-button#hide-the-add-to-cart-button

I created a new product-template.liquid page for this collection. Everything works fine if I just comment out the price, the menu still functions, but I want the add to cart and buy buttons gone as well. As soon as I comment them out, part of the menu doesn't work anymore. The Home, About Us and Contact Us work fine but the Products >> Espresso Pods >> Commercial Machines stops working on that page.

I have tried 5 or 6 ways to comment out the buttons but the same result.

I'm wondering if I'll have to use a different theme, but I've put in hours on this site already so would like to get this working with the Debut theme if I can.

Any help would be much appreciated.

store: https://smooth-premium-coffee.myshopify.com/
password: coffee
Theme: Debut

0 Likes
Highlighted
Shopify Partner
1079 170 195

Hi @Alogem !

Easy enough, if you don't mind accepting a Collaborator access we can have this done in a few minutes. 

Let me know. Cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
New Member
3 0 0

That's sound great. Like I said, I'm new to Shopify so I'm not sure how to give you  Collaborator access. Please let me know.

0 Likes
Highlighted
Shopify Partner
1079 170 195

Sent you a request, please follow the steps you received in the E-Mail. Cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Shopify Partner
1079 170 195

This is an accepted solution.

All Good!

Added the following code to run just on this template hiding the purchase buttons:

<style>
  .product-form__controls-group.product-form__controls-group--submit {
    display: none;
}
</style>


Menu also still works! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
New Member
3 0 0

Thank you! Very much appreciated...

0 Likes
Highlighted
Shopify Partner
1079 170 195

Should you need anything else please feel free to reach out by DM or E-Mail. Will be revoking my access now, thanks!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes