Published on

How to Remove Prices from Your Shopify Collection Pages - A Simple Guide

  • avatar
    Entaice Braintrust

Hey! Let’s dive into how you can remove the price tags from the collections on your Shopify store. Maybe you’re considering this because you want to create a catalog mode, or perhaps you've got a sale coming up and you want to build anticipation. Whatever your reason, it's clear you're looking to tailor your storefront's experience to better fit your business strategy.

Understanding Shopify and Its Flexibility

Shopify is like a vast playground for e-commerce. It’s flexible, yes, but sometimes that flexibility means you have to get your hands a bit dirty with some code. Don’t worry; it’s going to be simpler than assembling that desk you bought last month.

Why Remove Prices?

Imagine you’re walking into a high-end boutique where prices aren’t immediately visible. This not only creates a cleaner aesthetic but also encourages conversations with the sales staff, potentially leading to better customer service. Online, removing prices can replicate this experience by prompting visitors to contact you for prices, which can also filter low-intent visitors from genuine potential customers.

Getting Down to Business

Alright, here we go. There are a couple of ways to remove prices—both involve tweaking some code. But before you get started, always back up your current theme to save headaches later.

Method 1: Edit Your Theme Code Directly

  1. Access Theme Code

    • First, log into your Shopify admin panel.
    • Go to ‘Online Store’ > ‘Themes’. Here you’ll find your active theme. Click on ‘Actions’ then ‘Edit code’.
  2. Find the Right File

    • You’ll need to locate the file that outputs the product prices in your collection pages. This is usually in a file named something like product-card.liquid or price.liquid.
  3. Editing the Code

    • Press CTRL + F and search for {{ product.price }} or price. You want to find where the price is being added to the page.
    • Once you find it, you can simply delete or comment out this line. To comment it out, just wrap the line of code with {% comment %} and {% endcomment %}.
    • It looks like {% comment %}{{ product.price }}{% endcomment %}.
  4. Save and Check

    • Save your changes and visit your store to see if the prices have been removed from your collection pages.

Method 2: Using a Shopify App

If diving into code isn’t your cup of tea, there are apps available that can manage this for you:

  • Locksmith: This app is designed for locking your products by any condition, including hiding prices.
  • Hide Price Until Login: As the name suggests, it hides the prices until the customer logs into your store.

Just find these apps in the Shopify App store, install, and follow the specific instructions they provide.

Testing Changes

You’ve either changed the code or installed an app. What’s next? Test, test, and test again. Browse your store as if you’re a customer. Is everything looking good? Great! If not, double-check the steps you followed.

FAQs You Might Have

  • Will this affect my store’s SEO? Not directly, but hiding prices can affect the user experience, which is a ranking factor. Keep an eye on your site metrics to see if there are any significant changes.

  • Can I hide prices for certain customers only? Yes, especially if you use apps like Locksmith. They allow you to set conditions on who can see prices and who can’t.

  • What if I just want to remove prices on some products but not others? You can often tailor these solutions to specific products only. It might require a bit more specific coding or app configuration, though.

Remember the Human Aspect

Removing prices from your Shopify store can indeed make your space cleaner and more intriguing. Yet, remember the essence of why you're doing this—to connect more deeply with prospective customers. Use this change to enhance that relationship rather than complicate it.

Feel proud—tinkering with your site is stepping into the world of customization, which is a step towards making your store uniquely yours. Now, let’s move forward and keep creating a fantastic user experience that reflects what your brand stands for.