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

Solved
Alogem
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

Accepted Solution (1)

Accepted Solutions
JHKCreate
Shopify Partner
2921 504 723

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
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google

View solution in original post

Replies 29 (29)
JHKCreate
Shopify Partner
2921 504 723

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
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google

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

JHKCreate
Shopify Partner
2921 504 723

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
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google

JHKCreate
Shopify Partner
2921 504 723

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
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google

View solution in original post

Alogem
New Member
3 0 0

Thank you! Very much appreciated...

JHKCreate
Shopify Partner
2921 504 723

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
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google

PilarRubio
Tourist
5 0 1

Hello, my store is in Streamline Theme and I have 3 products on my collection page that I want to display yet I am not currently selling them. How do I hide the price tag? It currently shows 0 and I just want to show the product without the price of 0 being shown. I hope you can help me!

JHKCreate
Shopify Partner
2921 504 723

Hi @PilarRubio ,

Would you mind sharing your store's URL please?

Did we solve your issue? Like & Mark As Solution to help the community | Should you need any direct help: contact@jhkcreate.com
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google