Locksmith can be used to hide your product prices so that customers can still browse your shop, but can only see prices and purchase products if certain conditions are met.

Here is an example of a product page that has been setup properly with Locksmith to hide prices:

Then, when the customer meets the conditions, the product pages will appear normally:


Note: The results may look different depending on your Locksmith conditions, theme, or other settings.

You can also setup Locksmith to hide from collection pages and searches (as long as the default Shopify search is used).

You have flexibility! For example, you can require accounts to be approved in addition to signed in. Our whole library of key conditions is at your disposal here. You can also set it up on only some of your products if you want to leave some products available. Or, you can simply hide the add-to-cart button and leave the product prices visible.

Use the following two steps to set it all up:

1. Create lock

The first step to hiding your prices using Locksmith is to create a lock that covers the products that you would like to hide prices on. To do this, open up Locksmith and use the search bar on the main page of the app. If this is all of your products (most common), you can simply search for "all" and choose the "All Products" collection:

Note: make sure to choose "Collection: All" and not "Collections Listing"

If you are not hiding prices on all of your products, you can do this only for the collection(s) or products that you want prices hidden for.

Once you've created the lock, you'll need to choose the conditions for access under keys. Many merchants use the "Permit if customer is tagged with..." key condition, which lets you manually approve accounts for price access by adding a tag:

That's the most common way to set it up, but you have the freedom to choose whatever key conditions work for your setup.

Before saving, turn on "Enable manual mode" right there in the lock (Clicking "Advanced" will show the option):

Done with step one!

2. Updating your theme for manual locking

You'll now need to add the code to your theme to let Locksmith know which parts need to be hidden.

Because each theme is a bit different, this feature does require manual coding. If you install a new theme down the road, these changes will need to be re-applied.

The rest of this guide gets a bit technical! We can take care of the coding part of the setup as long as you currently have a Locksmith subscription. If you're interested, make sure your subscription is in good standing, then get ahold of us using that message icon on the bottom right corner ↘️.

You'll need to start by locating the places in your theme that show the price. Here are some examples of file titles that you might find the price in:

  • snippets/product-card-grid.liquid
  • templates/product.liquid
  • snippets/product-card-list.liquid
  • snippets/product-price.liquid

Each theme is very different, so those are simply examples. You'll need to go to all of the files that contain price (it can be quite a few in some themes), and do the following steps:

  1. Open up your the file
  2. Add this to the very top of the file:
{% include 'locksmith-variables', locksmith_scope: 'subject', locksmith_subject: product %}


   3. Find the code you want to hide from unauthorized viewers, and wrap it with

{% if locksmith_access_granted %}...{% endif %}

To hide prices, you'll be looking for elements like:

{{ product.price }} 

or

{{ item.price }}

Example: 

This shows Locksmith manual locking code wrapping an entire price section, which I've highlighted.

4. Save! :)

Remember, those 4 steps need to be done for each file that contains price.

As a reminder, we can take care of the coding part of this if you have an active subscription. To request this, or if you simply have some questions, get in touch with us using that message icon on the bottom right corner ↘️.

Did this answer your question?