How can I remove product prices and display 'Price on request' instead?

How can I remove product prices and display 'Price on request' instead?

Amir0
Tourist
7 0 0

Hello Shopify Community,

 

I have a question, I would like to remove the pricing on some of my products as they are high value items.
Is it possible to remove the price on a product or maybe just add a message saying "Price on request" ?
I can't manage to find any informations about that kind of request, I don't want to use any apps if possible.

Thank you !

Replies 6 (6)

StephensWorld
Shopify Partner
1400 174 385

Hey @Amir0 

 

This is possible with custom coding, or else custom product templates. 

 

If you're going the coding route, then you'd want to wrap your product prices and 'add to cart' buttons with some if statements, so that if the product is tagged with a specific tag, that it hides the buttons/price and shows a message instead. 

 

Something like this:

 

{% if product.tags contains 'Hide' %}

  <div>
      <p><a href="/pages/contact">Contact Us for Pricing</a></p>
  </div>

{% else %}

[REGULAR/DEFAULT CODING GOES HERE]

{% endif %} 

 

Alternatively, if you wanted to handle this via custom product page templates, then you could create a new template, and then edit the sections/blocks within the theme editor (no coding required), so that the 'add to cart' buttons + pricing is hidden. Then you can add some text saying "contact us for pricing" (or something similar). 

 

https://help.shopify.com/en/manual/online-store/themes/theme-structure/templates#create-a-new-templa... 

 

Once the new template is created, then you would simply need to apply it (ie. change the template being used) for each individual product that you want it applied to. 

 

custom product templates.png

 

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

Amir0
Tourist
7 0 0

Thank you for your help, I didn't really understand how I can modify the theme template on a product page and hide the price ?

StephensWorld
Shopify Partner
1400 174 385

It would be similar to what @biznazz101 posted below in his screenshots. 

 

If you're not seeing the option to hide the price for a custom page template, directly from within the theme editor, then you're probably using an older theme. I'd highly recommend upgrading to the latest version of your theme, so that you can use this functionality. Otherwise, you'd be looking at custom coding -- which is something I can help with, but not for free. If you're interested in hiring me to help, then you can reach me directly via email (support@stephensworld.ca). 

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

biznazz101
Shopify Partner
494 50 97

Yes this is possible. There are a few methods without apps, you can try this:

First, go to Themes>Customize>Default Product Template next find the price section using the left dashboard and click the eye icon to hide the price then click Save.

biznazz101_0-1703142710810.png


Next, click Add Block then select the Text option. Input your preferred message. Then drag & drop the block up or down to reposition it on the page. When you are ready click Save. (Do the same for Buy Buttons or any other sections)

biznazz101_1-1703142888277.png

biznazz101_2-1703143059867.png

 


or if you prefer you could use a Custom Liquid or other section to add a button leading to your contact form. There are probably some videos online for this topic as well.

I hope that is helpful!
@biznazz101 

Don't hesitate to reach out for more help with your store.
SEE OUR TASK STORE or check us out via our profile! FREE STORE AUDIT
Amir0
Tourist
7 0 0

Thank you your help, unfortunately, I'm using the Focal theme and I don't have the "price" section/block like on the screenshots...

biznazz101
Shopify Partner
494 50 97

Okay please provide your store URL, I will send the code to hide the price. Then you will just have to add the text to replace it.

You can try adding this to the Product Information Custom CSS settings, but without seeing the store not 100% sure it will work:

.price {display: none; visibility: hidden}



Thanks!
@biznazz101 

Don't hesitate to reach out for more help with your store.
SEE OUR TASK STORE or check us out via our profile! FREE STORE AUDIT