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