How to Hide Price Search in Shopify?

Price search is a powerful tool for ecommerce merchant. By allowing shoppers to quickly compare prices across multiple products, it can help them find the best deal and save money. However, price search can also be a source of friction for merchants. If a shopper can easily find a lower price for the same product elsewhere, they may be less likely to buy from you. In this blog post, we’ll show you how to hide price search in Shopify so you can keep shoppers focused on your products and not on finding a better deal elsewhere.

How to Hide Price Search in Shopify

If you’re running a Shopify store, it’s important to make sure that your prices are not easily found by search engines. This can be done by hiding your prices in the code of your site.

To hide your prices in Shopify, you’ll need to edit the code of your theme. First, open the Edit HTML/CSS page for your theme. Next, find the file called product-template.liquid and look for the line that starts with {% if product.available %}. Add the following code above this line:

{% if template == ‘product’ and product.available %}

{% endif %}

Save your changes and you’re done! Your prices should now be hidden from search engines.

Why Would I Want to Hide Price Search in Shopify?

There are a few reasons why you might want to hide price search in your Shopify store. Maybe you’re selling high-end products and don’t want customers to see the prices until they’re ready to commit to a purchase. Or maybe you’re running a special promotion and don’t want people to be able to find the discounted prices until the sale starts. Whatever your reason, hiding price search can be a helpful way to manage your store’s inventory and keep customers from getting overwhelmed by too many options.

How to Use the Chrome Developer Tools to Find the Right Code

If you’re a Shopify developer, chances are you’re familiar with the Chrome Developer Tools. These powerful tools can be used to inspect and debug Shopify themes and apps.

In this article, we’ll show you how to use the Chrome Developer Tools to find the code you need to hide price search in Shopify. We’ll also provide some tips on using these tools effectively.

The first thing you need to do is open the Chrome Developer Tools. You can do this by pressing F12 on your keyboard or by right-clicking on any element on a web page and selecting “Inspect Element.”

Once the Developer Tools are open, you’ll see a pane with various tabs at the top. The tab that we’re interested in is the “Elements” tab. This is where you can view and edit the HTML and CSS of a web page.

To find the code you need, simply look for the element that contains the price search input field. In most cases, this will be an input field with an id or class of “price.” Once you’ve found this element, take a look at its parent element. This is likely going to be a form element with a class of “search.”

Now that you know where the price search input field is located, you can start looking for the code that renders it. In most cases, this code will be located in a file called theme.liquid or product-template.liquid.


Shopify is a great ecommerce platform, but one unfortunate downside is that it publicly displays product prices in search results. This can be a problem if you want to hide your prices from competitors or simply don’t want people to know how much your products cost before they click through to your store. Luckily, there’s a relatively simple workaround that allows you to hide price search results in Shopify. All you need to do is add some code to your theme’s CSS file and voila! Your prices will be hidden from public view.