How to hide prices on collection page?

Store Design

Topic summary

A user seeks to hide product prices on their Shopify collection page. Multiple developers provide CSS-based solutions with similar approaches:

Primary Solutions Offered:

  • Add custom CSS targeting .price-list with display: none !important;
  • Insert code snippets in either theme.liquid file (above </body> or </head> tags), base.css file, or theme’s Custom CSS settings

Implementation Methods:

  1. Via Theme Customizer: Online Store > Themes > Customize > Custom CSS
  2. Via Code Editor: Online Store > Themes > Edit Code > locate theme.liquid or base.css

Key Technical Detail:
All solutions use CSS to hide the price element (.price-list or .collection__results .price-list) from displaying on collection pages.

The discussion remains open with no confirmed resolution from the original poster. Multiple respondents include screenshots showing expected results after applying their code.

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

i want to hide prices on collection page
https://hurra.qa/collections/grand-espira

Screenshot 2024-10-23 143039.png
Screenshot 2024-10-23 143039.png1897×911 234 KB

1 Like
2

Hi @Emiway1

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.price-list { display: none !important; }
3

Hey @Emiway1

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1729675670497.png
Moeed_0-1729675670497.png1719×629 55 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

4

Hello @Emiway1

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.collection__results .price-list {
display: none;
}

ZestardTech_0-1729675870628.png
ZestardTech_0-1729675870628.png1919×750 86.2 KB

5

@Emiway1 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above

Result:

BSSCommerceB2B_0-1729676756396.png
BSSCommerceB2B_0-1729676756396.png1104×988 119 KB

If it helps you, please like and mark it as the solution.

Best Regards :blush:

6

Hi @Emiway1 Please add the below code:

Please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.liquid in the code in left hand side in your theme.
  6. Add the following code in the bottom of the file above tag

Result:

sahilsharma9515_0-1729677539988.png
sahilsharma9515_0-1729677539988.png1024×697 107 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil