FASHIONOPOLISM - Hide Price on Collection Page

Topic summary

A user is migrating from Studio theme to FASHIONOPOLISM theme and needs to transfer custom code that hides prices for products tagged “instore only” on collection pages. They successfully used specific code with Studio but FASHIONOPOLISM has different code structure and components.

Attempted Solutions:

  • Initial suggestion to add CSS code to theme.liquid file (hiding .price-item elements) did not work
  • Second attempt with modified CSS targeting .product-grid-container .price__container also failed

Key Issue:
The user needs the code to conditionally hide prices only for tagged products, not all products across the site.

Current Status:
A support member (EBOOST) is now investigating by requesting:

  • Confirmation of whether product-grid-item.liquid or product-grid.liquid snippets exist
  • Content of product-related snippet files visible in the theme

The discussion remains ongoing as they work to identify the correct files and code structure for FASHIONOPOLISM theme to implement the conditional price-hiding functionality.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.

I’m currently upgrading from Studio theme to FASHIONOPOLISM theme, and need to transfer over a custom code that hides prices of items that are tagged “instore only” on their collection product cards.

This is the code I had with Studio https://community.shopify.com/topic/1880358

However FASHIONOPOLISM doesn’t have the same snippets or code components. Can someone please help advise what I should add to the code and where?

Hello @anitabanita11

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.collection span.price-item.price-item--regular { display: none !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Thanks. Unfortunately it didn’t work.

can you share this page URL?

This is the homepage of the new theme FASHIONOPOLISM I don’t have published yet

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.product-grid-container .price__container { display: none !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Still didn’t work. Plus I want it to only hide it if the product has the tag, not all products

Hi @anitabanita11 ,

Could you check whether do you have Snippets/product-grid-item.liquid file? Could you share code of this file? I will help to check it.

No there isn’t. Here’s a screenshot of the product based snippets

Could you share content of 2 files in the screenshot?