Remove price display for products with no pricing in Online Store (2022 themes)
In this article:
Remove price display on the product listing
Remove price display on the product page
Remove quantity selector display on the product page
Remove add to cart button 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 new theme, example: Aroma, Kiddy, Vivid & etc. For 2020 Themes. For 2020 or older 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-card.liquid > add this code {% if product.price > 0 %} above {% include 'price' %}
Step 3: Add {% endif %} before </div> 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 sections > main-product.liquid > add this code {% if product.price > 0 %} above <div id="price">
Step 3: Add {% endif %} after </div> and save

Before:

After:

3. Remove quantity selector 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 sections > main-product.liquid > add this code {% if product.price > 0 %} above <div class="product-form__input product-form__quantity">
Step 3: Add {% endif %} after </div> (which is before <div class="product-form__buttons">) and save

After:

4. Remove add to cart button 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 sections > main-product.liquid > add this code {% if product.price > 0 %} above {% app_snippet 'product/field_bottom' %}
Step 3: Add {% endif %} after </product-form> and save

After:

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

Updated on: 22/09/2023
Thank you!