Can I hide the price of specific products?

[Landau]

Hello there,

I am trying to hide the prices of specific products. Is there a way to do this?

(These products can't be added to the cart)

Ideally, I'd like to avoid apps for doing this as it seems fairly simple.

Many thanks! 

[LizHoang]

Hi @Landau Can you share store url?

[Landau]

Hi there, our URL is www.industrialplasters.com. Thanks for your reply!

[LizHoang]

Hi @Landau 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file

.product-item__price-list.price-list {
    display: none !important;
}

Result 

Best,

Liz

[Landau]

Thank you, Liz

Would this code allow me to insert product names or SKU's so I am able to hide the prices only for specific products rather than all of them? If so, what would  I need to do to make this possible?

Alternatively, adding a product tag to identify which ones we want to hide would be ideal.

Many thanks,

[B2Bridge]

Hi @Landau,

There are several apps in the Shopify App Store that allow you to hide prices for specific products. Some popular options include:

• "Hide Price & Add to Cart": This app allows you to hide product prices and the "Add to Cart" button for specific products, and even set up custom requests for quotes. Hide Price & Add to Cart 
• "Request a Quote": This app can hide prices and allow customers to request a quote instead. It's commonly used for wholesale or B2B stores where the pricing can be dynamic based on customer groups.  Request a Quote 
• "Locksmith": With Locksmith, you can restrict access to certain product details (including price) based on user conditions such as tags, membership, or customer groups. Locksmith 

[websensepro]

Hi @Landau 

Share the URL of your store and tell me which product prices need to be hidden.

[Landau]

Hi there, thank you. Our URL is www.industrialplasters.com. One of the products we want hidden is the Thistle MultiFinish Skim-Coat Plaster.

[websensepro]

@Landau 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file and paste the code most common practice is to place JavaScript code just before the closing </body> tag.

<script>
  document.addEventListener('DOMContentLoaded', function() {
    const productName = "Thistle MultiFinish Skim-Coat Plaster"; 
    const productItems = document.querySelectorAll('.product-item__title');

    productItems.forEach(item => {
      if (item.textContent.trim() === productName) 
        const productItem = item.closest('.product-item');
        productItem.style.display = 'none';  // Hide the product item
      }
    });
  });
</script>

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

[suyash1]

@Landau - I recommend to add some tag to the products where you want to hide the price, and then we need to edit product liquid file to check if the product has this tag and then only display the price

[Landau]

Hi Suyash, thank you.

That would be the ideal solution. Would you happen to know what code to write?

Many thanks!

[suyash1]

@Landau in the product page you can check the product tag with code

{% unless product.tags contains 'xyz' %}
price code
{% endunless %}

[Landau]

Hi Suyash,

Thanks for your reply. I'm a bit confused on how to implement this, though.

[suyash1]

@Landau - you will need to add tag to the products where you do not want to show price. Then above code needs to be implemented in product.liquid or collection.liquid files, if you are not familiar with the coding, then you will need a developer.

[Vi-WizzCommerce]

@Landau 

To do this request, please follow these steps:

1. Add tag to the product, for example "hide_price"

=> I guess you know how to. As in my demo product edit page in admin, I added a tag "hide_price"

2. Update the code in your theme

- From your Admin => Online Store => Themes => Edit code

- In the Edit code screen, please search "price", then find the file name "price.liquid", but depend on your theme, it maybe difference, then you need to contact the theme support

- Then paste the code check the price include tag "hide_price" => not show price, if not => show the price

{% unless product.tags contains 'hide_price' %}

// the price code in the theme

{% endunless %}

for example in my theme (Dawn theme)

And at the end

Hope this help.