Hide price - Only see it in cart - How?

Shopify Discussion

Topic summary

A merchant wants to hide prices on specific products and display a link that reveals the price only when customers add items to their cart.

Solutions Offered:

Code-Based Approaches (No App Needed):

  • Use product tags (e.g., “hide-price”) with conditional Liquid code in theme templates to selectively hide prices
  • Implement metafields for a more professional, admin-friendly solution
  • Modify files like product-price.liquid, product-card.liquid, or main-product.liquid
  • Add JavaScript to handle automatic cart addition when the special link is clicked
  • Include CSS styling for the custom “see price in cart” button

App Alternative:

  • Extendons Hide Price app available in Shopify App Store
  • Can also use customer tags for implementation

Implementation Steps:

  1. Tag products where prices should be hidden
  2. Edit theme code to add conditional logic using {% unless product.tags contains 'hide-price' %}
  3. Replace price display with custom link/button
  4. Ensure prices remain visible on cart page

Responders recommend the metafields approach as cleaner and easier to manage long-term.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.
1

I have selected products where I do not want to show the price rather have a link that says something like “click here to see your special price in the cart”. Is ther an app, etc. that can do this for me? Thanks!

3

Hey @Thinkdifferent!

Yeah, you can definitely do this on Shopify without needing a separate app. There are a couple of ways to handle this:

Option 1: Using Product Tags

Add a tag like “hide-price” to products where you want to hide pricing. Then modify your product template.

Here’s the code for your product-price.liquid file:

{% if product.tags contains 'hide-price' %}
  <div class="price-hidden">
    <a href="/cart/{{ variant.id }}:1" class="special-price-link">
      Click here to see your special price in the cart
    </a>
  </div>
{% else %}
  <!-- Your normal price display code -->
  <div class="price">
    {{ product.price | money }}
  </div>
{% endif %}

Option 2: Using Metafields (More Professional)

Create a custom metafield called “hide_price” (boolean type). Then use this code:

{% if product.metafields.custom.hide_price == true %}
  <div class="price-hidden">
    <a href="javascript:void(0)" onclick="addToCart({{ variant.id }})" class="special-price-link">
      Click here to see your special price in the cart
    </a>
  </div>
{% else %}
  <div class="price">
    {{ product.price | money }}
  </div>
{% endif %}

Add this JavaScript to handle the cart addition:

function addToCart(variantId) {
  fetch('/cart/add.js', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      'id': variantId,
      'quantity': 1
    })
  })
  .then(response => response.json())
  .then(data => {
    window.location.href = '/cart';
  });
}

CSS for styling:

.special-price-link {
  background: #007cba;
  color: white;
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 4px;
  display: inline-block;
}

.special-price-link:hover {
  background: #005a87;
}

I’d recommend the metafields approach since it’s cleaner and easier to manage from the admin. You can set up the metafield in your Shopify admin under Settings > Metafields.

Let me know if you need help implementing any of this!

Best,
Shubham | Untechnickle

4

Hi @Thinkdifferent,

You can refer to the app: Extendons Hide Price
Also, you can do it via edit theme code, using the customer tag, it will work fine

5

Hi,

Hope this will help

Step 1: Pick the products where you want to hide price
Step 2: Edit your Shopify theme and Find where price is showing

Something like

product-card.liquid or product-grid-item.liquid — shows prices on collection pages.

product.liquid or main-product.liquid — shows prices on product pages.

Step 4: Hide the price for tagged products

Code example

{% unless product.tags contains 'hide-price' %}
  <p>{{ product.price | money }}</p>
{% else %}
  <a href="/cart" class="btn">Click here to see your special price in the cart</a>
{% endunless %}

If the product is NOT tagged with hide-price, show price.

If it IS tagged, hide price & show a button instead.

Step 5: Go to your cart page and show the price

7

Hi @Thinkdifferent,

You can definitely hide prices using tags or metafields with some Liquid changes.

But if you prefer a ready-made solution without editing your theme, this shopify app does exactly this — hide price, show a custom button, or reveal price only in the cart.

Happy to help if you need any guidance!