Articles on: Products & Collections

Remove price display for products with no pricing in Online Store (2020 themes)

In this article:

Remove price display on the product listing
Remove price display on the product page
Set the product price to “0” to take effect

📌 Note: These steps require to edit coding file that found in the theme come before Candy theme, example: X-force, Prisme, DOUX, & etc. For 2022 themes, may refer this link



1. Remove price display on the product listing



Step 1: Go to EasyStore Admin Panel > Channels > Online Store > Edit source

Step 2: On the left panel, look for snippets > product-grid-item.liquid > add this code {% if product.price > 0 %} above <p class="grid-link__meta">

Step 3: Add {% endif %} after </p> and save





Before:



After:



2. Remove price display on the product page



Step 1: Go to EasyStore Admin Panel > Channels > Online Store > Edit source

Step 2: On the left panel, look for templates > product.liquid > add this code {% if product.price > 0 %} above product-single__prices >

Step 3: Add {% endif %} after </div> and save





Before:



After:



3. Set the product price to “0” to take effect



Updated on: 07/10/2022

Was this article helpful?

Share your feedback

Cancel

Thank you!