{"id":25935,"date":"2026-03-03T11:00:00","date_gmt":"2026-03-03T05:30:00","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/?p=25935"},"modified":"2026-03-03T12:27:23","modified_gmt":"2026-03-03T06:57:23","slug":"how-to-hide-prices-on-shopify-collection-page","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/how-to-hide-prices-on-shopify-collection-page\/","title":{"rendered":"How to Hide Prices on Shopify Collection Page: Simple Steps"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">You can hide prices on the Shopify collection page in two ways:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Editing your Shopify Liquid file&nbsp;<\/li>\n\n\n\n<li>Use a Shopify app to hide the price<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This guide covers both methods so you can pick the right one for your setup.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Method 1: Hide Prices on Shopify Collection Page Using Code<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can remove price from collection on Shopify by editing your product card Liquid file and adding a template condition that removes the price block only when the collection template loads.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;re not comfortable using Shopify Liquid, one misplaced tag can break the entire product card. So, take the help of a developer or use Method 2.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here are the steps to edit the Liquid file.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1 &#8211;&nbsp; Locate the Product Card File<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Login to your Shopify admin panel, and head to <strong>Online Store &gt; Themes &gt; Edit Code. <\/strong>For most modern themes (Dawn, Refresh, Sense):<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open <strong>Snippets &gt; Find card-product.liquid<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For older themes look for product-card.liquid or collection-product.liquid<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2 &#8211;&nbsp; Hide Price Only on Collection Page<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Find the price block that usually looks like: {{ product.price | money }}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then, add the below condition:&nbsp;<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{% unless template.name == 'collection' %}\n  {% render 'price', product: card_product, price_class: '', show_compare_at_price: true %}\n{% endunless %}<\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"295\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Custom_code_to_hide_price_in_Shopify_-1024x295.png\" alt=\"Custom code to hide price in Shopify\" class=\"wp-image-25939\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Custom_code_to_hide_price_in_Shopify_-1024x295.png 1024w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Custom_code_to_hide_price_in_Shopify_-300x86.png 300w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Custom_code_to_hide_price_in_Shopify_-768x221.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Custom_code_to_hide_price_in_Shopify_-1536x442.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Custom_code_to_hide_price_in_Shopify_.png 1738w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">What this condition does:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Removes price only on collection pages<\/li>\n\n\n\n<li>Keeps price visible on product pages<\/li>\n\n\n\n<li>Removes price server-side (not just visually)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Save and Preview&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Now, save the file and take a preview of your store to see how the output appears on your collection page.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"606\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Remove_collection_price_in_Shopify-1024x606.png\" alt=\"Remove collection price on Shopify\" class=\"wp-image-25944\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Remove_collection_price_in_Shopify-1024x606.png 1024w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Remove_collection_price_in_Shopify-300x178.png 300w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Remove_collection_price_in_Shopify-768x455.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Remove_collection_price_in_Shopify-1536x910.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Remove_collection_price_in_Shopify.png 1908w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The code approach is cost free method but the drawbacks worth knowing before you commit to it:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Any time you update Dawn or your current theme, the card-product.liquid file may be reset, wiping your customizations.<\/li>\n\n\n\n<li>If your theme has a Quick View feature, it may bypass your condition and show the price anyway.<\/li>\n\n\n\n<li>Some themes render product cards in more than one file.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Method 2: Hide Specific Collection Prices Using an App (Recommended Method)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you don&#8217;t want to modify Liquid files or risk breaking your theme, using a purpose-built Shopify app is the safer route.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Use MIT Hide Price &amp; Request a Quote App by Meetanshi&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The app gives you control price visibility of specific collections without touching a single line of theme code. Additionally, instead of leaving a blank space where the price was, you can replace it with a Request a Quote button, like this:&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here are the steps to achieve this.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Create a Hide Price Rule&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Install the app from the Shopify App Store. Open the app dashboard and click on <strong>Configure Rules<\/strong>.&nbsp;<br>Then, check the <strong>Enable Price Hiding <\/strong>to active the function.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"243\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Enable_price_hiding_in_Shopify_-1024x243.png\" alt=\"Enable price hiding in Shopify\" class=\"wp-image-25940\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Enable_price_hiding_in_Shopify_-1024x243.png 1024w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Enable_price_hiding_in_Shopify_-300x71.png 300w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Enable_price_hiding_in_Shopify_-768x182.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Enable_price_hiding_in_Shopify_.png 1146w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Select Collection &amp; Set Customization&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Now, under Page Selection, pick All Pages. And select All Applicable Products\/Collections or Selected Collections Only if you want to target a particular collection.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here, let\u2019s go for <strong>Selected Collections Only.<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click on &#8220;Select Collections,&#8221; then pick an option from the list, and finally click on &#8220;Add.&#8221;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"626\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hide_price_rules_in_shopify_-1024x626.png\" alt=\"Hide price rules in Shopify\" class=\"wp-image-25942\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hide_price_rules_in_shopify_-1024x626.png 1024w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hide_price_rules_in_shopify_-300x184.png 300w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hide_price_rules_in_shopify_-768x470.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hide_price_rules_in_shopify_.png 1056w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then, select the customer visibility and hide the add to cart\/buy now button from the front end.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Add a Request a Quote Button&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Click on the Show Quote Button to make the button visible on the selected collections. Then, start customizing the button text, color, and position.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Button_customization_option_-1024x632.png\" alt=\"Add a request a quote button\" class=\"wp-image-25938\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Button_customization_option_-1024x632.png 1024w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Button_customization_option_-300x185.png 300w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Button_customization_option_-768x474.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Button_customization_option_-1536x947.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Button_customization_option_.png 1999w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Save and Test<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Save the complete customization and view the changes in the frontend.&nbsp; <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This removes the price from the collections page.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"660\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hide_Product_Price_On_Specific_Collections_Shopify-1024x660.png\" alt=\"Hide product price on specific collection\" class=\"wp-image-25943\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hide_Product_Price_On_Specific_Collections_Shopify-1024x660.png 1024w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hide_Product_Price_On_Specific_Collections_Shopify-300x193.png 300w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hide_Product_Price_On_Specific_Collections_Shopify-768x495.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hide_Product_Price_On_Specific_Collections_Shopify-1536x990.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hide_Product_Price_On_Specific_Collections_Shopify.png 1716w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">It all hides the product price of the particular collection. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"447\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hidden_Collection_price_for_particular_product_in_Shopify_-1024x447.png\" alt=\"Hide product price of the specific collection\" class=\"wp-image-25941\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hidden_Collection_price_for_particular_product_in_Shopify_-1024x447.png 1024w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hidden_Collection_price_for_particular_product_in_Shopify_-300x131.png 300w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hidden_Collection_price_for_particular_product_in_Shopify_-768x335.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hidden_Collection_price_for_particular_product_in_Shopify_-1536x671.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2026\/02\/Hidden_Collection_price_for_particular_product_in_Shopify_.png 1999w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Which Method to Choose?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you need simple collection-only hiding and you&#8217;re comfortable editing Liquid. Use the code method. It&#8217;s free and effective for a single straightforward condition.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you need scalable price control, multiple visibility rules, or a quote button to replace the price use the<a href=\"https:\/\/apps.shopify.com\/hide-price-request-for-quote\" target=\"_blank\" rel=\"noopener\"> Hide Price &amp; Request a Quote app<\/a>.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It&#8217;s more maintainable and won&#8217;t break when you update your theme. Here is the detailed breakdown of each..<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Factor<\/strong><\/td><td><strong>Code Method<\/strong><\/td><td><strong>App Method<\/strong><\/td><\/tr><tr><td>Cost<\/td><td>Free<\/td><td>Paid (7 days-free trial)<\/td><\/tr><tr><td>Risk<\/td><td>Medium<\/td><td>Low<\/td><\/tr><tr><td>Theme Safe<\/td><td>No<\/td><td>Yes &nbsp;\u2705&nbsp;<\/td><\/tr><tr><td>Easy to Manage<\/td><td>No<\/td><td>Yes &nbsp;\u2705&nbsp;<\/td><\/tr><tr><td>Multiple Conditions<\/td><td>Limited<\/td><td>Advanced &nbsp;\u2705&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In conclusion, using an app like MIT Request Quote &amp; Hide Price is the recommended method because it provides a level of coverage that basic manual coding often misses.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While manual scripts might only hide prices on the collection grid, the app allows you to select &#8220;All Pages&#8221; to ensure prices remain hidden on individual product pages, search results, and recommendations.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Start optimizing your page now without worrying about the theme damage.<strong>&nbsp;<\/strong><\/p>\n\n\n<div class=\"meetanshi-cta\">\r\n\r\n<div class=\"cta-content-wrapper\">\r\n\r\n<span>Quote &amp; Hide Price App\r\n\r\n<\/span>\r\n\r\n<p>Hide the price within a few configurations\u2014zero coding Shopify app.<\/p>\r\n\r\n<a href=\"https:\/\/apps.shopify.com\/hide-price-request-for-quote\" target=\"_blank\" class=\"btn-primary\" rel=\"noopener\"> Install Now<\/a>\r\n\r\n<\/div>\r\n\r\n<div class=\"cta-image-new\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/11\/mit-request-quote-hide-price-app.png\" alt=\"MIT Request Quote &amp; Hide Price App\">\r\n\r\n<\/div>\r\n\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>You can hide prices on the Shopify collection page in two ways:&nbsp; This guide covers both methods so you can pick the right one for&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[787],"tags":[],"class_list":["post-25935","post","type-post","status-publish","format-standard","hentry","category-shopify"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/25935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=25935"}],"version-history":[{"count":3,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/25935\/revisions"}],"predecessor-version":[{"id":25982,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/25935\/revisions\/25982"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=25935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=25935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=25935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}