Hide Price on Collection Page for Studio 2.0 Theme

Store Design
, , ,

Topic summary

Goal: hide prices on collection pages only for certain products in the Studio 2.0 theme, while keeping product-page pricing intact.

Initial attempt: a CSS approach targeting collection.handle != ‘online’ hid prices too broadly (affecting all products outside the “online” collection), with a section-specific override—insufficient for per-product control.

Implemented solution: use a product tag and Liquid (Shopify’s templating language) to conditionally suppress the price render per item.

  • Tag products to hide with “in-store-only”.
  • In Snippets/card-product.liquid, set a flag when the tag is present:
    assign hidePrice = card_product.tags contains ‘in-store-only’
  • Replace the price render with a conditional:
    unless hidePrice → render ‘price’ → endunless

Outcome: works as intended; prices are hidden only for tagged products on collection pages. No theme-wide CSS hacks required.

Status: resolved. A follow-up link was posted asking for similar help on another theme (Fashionopolism), but not addressed within this thread.

Summarized with AI on December 29. AI used: gpt-5.
1

I need to be able to hide the price on the collection pages for specific products. I have edited the code based on other recommendations in the forum, but it has hid all product prices not the specific ones.

There are two ways that the products are separated and can be identified:

Products that must have their price HIDDEN on the collections page are using the “in-store-only” page template and

are NOT in the “online” collection (linked below).

https://honeyfawn.com.au/collections/online

I have sorted the price showing on the product page, I just need the collection pages sorted!!

Please help!!

2

Hi @anitabanita11

Maybe I suggest you add “in-store-only” tag to products that you want to hide after that use liquid to check to hide price.

3

Thanks. But that won’t solve the code issue. I need to know what code to have to hide the pricing

4

This is the code I’m currently using

{% if collection.handle != 'online' %} .card__information .price { display: none !important; } {% endif %} #shopify-section-template--15790987542750__1646917325a197e0ca .card__information .price { display: block !important; }
5

Hi @anitabanita11

May I suggest to update code these steps:

  1. Go to each product that you would like to hide price after that add “in-store-only” tag

EBOOST_0-1672298146787.png
EBOOST_0-1672298146787.png315×132 1.94 KB

  1. Go to Store Online-> theme → edit code

  2. Snippets/card-product.liquid

  3. Add code below to top file

{%  assign hidePrice = false %}
{%  if  card_product.tags contains 'in-store-only' %}
  {%  assign hidePrice = true %}
{%  endif  %}
  1. Find
{% render 'price', product: card_product, price_class: '' %}

replace with code below

{%  unless hidePrice %} 
            {% render 'price', product: card_product, price_class: '' %}
{%  endunless %}
6

That worked - thank you so much!!!

7

Wondering if you might be able to help with this: https://community.shopify.com/post/2564833