Easy way to remove prices on specific products?

samantham
Tourist
8 0 2

Hello,

Is there such a way to accomplish hiding prices, without using code? Or at least is there an easy to understand code?

I'm wanting to hide prices on a few products (for a client), mostly because they require a quote that calculates weight, shipping and distance. 

What are the best ways to go about this? 

 

Thanks 

Replies 15 (15)

Hilary
Shopify Staff (Retired)
551 79 132

Hi, @samantham 

While coding options for this are outside my scope of support, I thought I'd mention you can use an app from the app store to accomplish this. This will allow you to toggle on and off this feature as often as you like. Some options are: 

You can have a look at other options on the app store by searching "hide price". Otherwise, hopefully another Community user will comment here on how you can achieve this through custom coding. You can always hire a Shopify Expert for custom coding as well. 

Let us know how this goes!

To learn more visit the Shopify Help Center or the Community Blog.

samantham
Tourist
8 0 2

I did see those, but my client is looking for a no-cost option as they get launched, and I've exhausted the "search" option, but that's why I mentioned "easy code". All of the others didn't seem to be working with my theme's existing code. I appreciate your reply!!

nazeer-ahmed
Visitor
3 0 0

Hi @samantham you can try the Extendons Hide Price app with the free trial version. The Hide Price app is an easy way to hide prices on specific products and collection pages. It's easy to integrate with both free and paid themes

Ardi94
Shopify Partner
104 3 32

Well if you are using an OS 2.0 theme, this is very easy. Just go to theme customization and create a new template and apply to these products, and just remove the price section.

If you're using the older version of themes, go to theme codes, create a new product template, copy the normal template codes in this one and remove the section that shows the price. (I can't really tell you where it is since it's different for every theme) But it should be very easy to find

samantham
Tourist
8 0 2

@Ardi94 It should be easy to find, but it's not. I've already tried that route and I get stuck because part of the code I'm looking for is simply nonexistent. 

Ardi94
Shopify Partner
104 3 32

@samantham So I'm assuming it's a vintage theme, not OS 2.0, right? Are you using a free theme from Shopify? What's it called? I can take a look at the original codes and tell you where it is.
Also, if you post your URL here I might be able to tell you what to search for in your codes.

samantham
Tourist
8 0 2

@Ardi94 Thank you. It's a paid theme called Responsive. The client's site is not live but here's the url https://bullfrogsmokers.com/

As a reminder, I only want to remove prices from a specific collection/few products, not the entire shop. Thanks for your help!

 

Ardi94
Shopify Partner
104 3 32

@samantham Can you send me the password too? I need to be able to look at the product page to find it. you can message me directly so it's not here

samantham
Tourist
8 0 2

@Ardi94 messaged you!

Missbrittnee22
Visitor
1 0 0

me and a tech friend are trying to update my site and need to remove the price on a couple retail items. But we are struggling to make it happen. Your help above is amazing and I’m not sure what the dead end we keep getting is. Was wondering if we can chat for help directly 

prachii
Tourist
7 0 1

looking for answers to the same! please tell me what worked for you!

LonKr
Shopify Partner
1 0 0

add this on custom css 

".price-box { display: none; }" without quotes

you can inspect your class description

prachii
Tourist
7 0 1

i want the price to not show for products that have "0" as the prize, and the price should be hidden everywhere- collection, product page, cart, checkout. In which places should i be adding the code? will this code enough for that?

KAM22
Tourist
7 0 11

Hi, did you ever get this to work, i.e., hide the page on the product, collection, cart, checkout, etc.? The code snippet above doesn't seem to work for any page but the product page?

Maxoutcreation
Visitor
1 0 0

go to your theme
edit code
search for: card-product.liquid

replace the line code:
{% render 'price', product: card_product, price_class: '', show_compare_at_price: true %}

 

by this code(show price only if product available and equal or more than 1 dollar):
{%- if card_product.available -%}
{%- if card_product.available and card_product.price >= 1.00 -%}

{% render 'price', product: card_product, price_class: '', show_compare_at_price: true %}
{%- endif -%}

thanks to chatGPT for this code!