How do I remove product price on product grid?

[IUUI_Fashion]

Im using Dawn theme and if i click on catalog, the section with product grid is showing prices. I would like to not display price

[Erin]

Hi, @IUUI_Fashion. I'm happy to look into this with you! In order to make sure I'm giving you helpful advice, can you tell me more about the collection you have connected to the 'Catalog' menu item and why you want the prices removed? The reason I ask is because I may be able to think of workarounds built in to Shopify that can help with what you're trying to do.

Currently, there aren't any settings built in to Dawn that gives you the option to remove prices from collection pages. This is because having the price visible can be very helpful for customers when they're deciding whether they should add products to their cart. That being said, there are still other ways you can get the prices removed from the collection. For example, you can customize your theme by editing your theme code. We have a guide on editing theme code here to help you get started. If you're not comfortable editing your theme code on your own we may be able to customize this for you using your design time since you're using a theme created by Shopify. However, we would need to look into your theme with you to see if this customization would be supported. You can reach out to our support team about this here.

If we're unable to help with this customization, you can hire a Shopify expert to assist you instead. Shopify experts are trusted, third-party agencies and freelancers who offer services for Shopify merchants, including help with customizing themes. You can hire a Shopify expert on this page and you can learn more about them here.

Looking forward to hearing back from you! Let me know if you have any questions in the meantime.

[IUUI_Fashion]

Hi Erin,

I wanted to hide the price as my website will me mainly for viewing purposes and later down the road we might want to add a request quote function for wholesale and to be more specific. i'll be removing any checkout function on the website but having the cart functions and instead of checkout it sends us the as a quote request. 

I actually have multiple questions so ill just open a new thread regards each question.

[Made4uo-Ribe]

Hi @IUUI_Fashion ,

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

[IUUI_Fashion]

iuuishop.com

[Made4uo-Ribe · Accepted solution]

Thank you for the information. Try this. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.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:
4. And Save.

.card-information {
    display: none;
}

Result:

I hope it help

[IUUI_Fashion]

Thx, it worked. 

[WilliamRose]

Hi! I tried this and was unable to get it to work. I am trying to hide the price on a Product Grid page. I was able to remove the price from individual product page but it is still showing within the Product Grid page. Any chance you can help, not having any luck with the code (or any other solutions SOS!) 

https://williamrose.co/collections/sun-safety

[Made4uo-Ribe]

Hi @WilliamRose 

Try this one. Paste in the base.css. 

.collection .card-information .price {
    display: none;
}

And SaVE. 

Result:

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[WilliamRose]

Hi I did paste in and am not getting the screenshot you posted, but that is exactly what I want it to look like. I pasted at the very end. Any other ideas? Thank you so much.  :

[WilliamRose]

Update if anyone else tries this, I put the code at the top of the base.css as the first line and it worked. So happy, thank you!

[Made4uo-Ribe]

Welcome, good to hear!

[joshblackhurst9]

Hi @Made4uo-Ribe 

Hoping you can help. 


I want to hide the price on Grid View for a specific collection only. 

The code above looks useful but please could you show me how to make the code conditional to only specified collections. 

For clarity, the ultimate aim that certain products will have no price on grid view (and a Price upon enquiry on the product listing) , others will have price. 

[Made4uo-Ribe]

Hi @joshblackhurst9 

Can you share this specific collection? I need to review the code to see if we can hide it specifically. Thanks!

[JJWatt]

Hey, I have a question about this, as, it works. I want to do this on the default options, but show the pricing when a customer logs in, is that easy? Its about the only thing I have to fix before I can update the live site. All our customers are B2B so, i know how to hide the sections, but, I want customers to see pricing, just not those who arent logged in, if that makes sense?

[CheebaJake]

@Made4uo-Ribe thank you for providing this, this worked great! Do you know how I would now do the following for this page?
 https://cheebapet.com/collections/nfts

1. Remove the redundant product titles under the cards, I was able to remove the price with your script but also would like to remove the name without creating a new product grid template if I don't have to. 

2. Remove quick add functionality for the Pre-Order buttons for just this collection and instead have anchor tags that lead to the form at the bottom of the page for the url I provided. 

Thank you so much in advance for your help, your script has already helped with removing price, If I can get these other two completed, it will absolutely make my day.

Best, 
JF