You might need a very low-cost, simple and easy-to-use website just to show your product catalog or content like company profile and contact details etc. EasyStore seems just the right one for you but just one thing - you do not wish to show the pricing and shopping cart system. Here is how you can hide this system and use EasyStore as your catalog/content base website

In this article:

Hide 'Add to Cart' button and price from homepage
Hide price from product page ( 'Add to cart' button will be auto hidden )
Hide top bar Login and Create Account buttons
Hide top bar Cart buttons
Hide top bar Cart button ( Wave, Lucky or X-force themes only )
Hide price in product search result
Hide price for selected products (RM = 0)

📌 Kindly take note :
Above all code editing, you will need to re-edit the code again if you switch to a new theme template
You are able to use EasyStore as a catalog and content-based website. Here is the guide to hide the shopping cart system and hide the price
We do not allow to change or edit the code for the checkout page (which include shipping & payment method) due to security reasons

1. Hide 'Add to Cart' button and price from homepage

Step 1 : Go to EasyStore Admin > Channels > Online Store > Edit source > under snippets > product-grid-item.liquid > at around line 34, delete the following highlighted (grey) part > Save.



Step 2 : Next, at around line 55, delete the following highlighted (grey) part > Save.



Step 3 : To hide product price, at the same folder > search for grid-link__meta > delete the following highlighted (grey) part > Save.



Step 4: Done

2. Hide price from product page ( 'Add to cart' button will be auto hidden )

Step 1 : Click on Channels > Online Store > Edit Source

Step 2 : Go to folder under templates > product.liquid > search for product-single__prices > delete the highlighted (grey) area as below > Save and you're done!



Before:



After:

3. Hide top bar Login and Create Account buttons

Step 1 : Go to Admin Panel > Channel > Online Store > Theme > Edit source >

Step 2 : Find the header-bar.liquid > Search for {% if shop.customer_accounts_enabled %} > Remove the highlighted code (in total there were 2 sections need to be removed)

1st section:

2nd section:

Step 3 : To hide top bar Login buttons in mobile view, go to mobile-nav.liquid > find Mobile cart (around line 138) > remove highlighted code section as below > Save



Step 4 : Go to site-nav.liquid > search for {% if shop.customer_accounts_enabled %} > remove highlighted code section as below > Save.

4. Hide top bar Cart buttons

Step 1 : To hide top bar Cart buttons in desktop view, go back to Admin > Channels > Online Store > Themes > Edit source > under snippets > header-bar.liquid > at around line 56, delete the highlighted (grey) area as below > Save.
The first section will delete the cart icon and the second section will delete the Cart word. If your theme doesn't have Cart word, you will only find the lines with red dot at the front to delete.



Step 2 : To hide top bar Cart buttons in mobile view, at the same folder around line 82, delete the highlighted (grey) area as below > Save and you're done!
If your theme doesn't have Cart word, you will only find the lines with red dot at the front to delete.



Result:

5. Hide top bar Cart button ( Wave, Lucky or X-force themes only )

Step 1 : Go to Admin Panel > Channel > Online Store > Theme > Edit source > Find the header-bar.liquid > Search for <**div class="header-bar__module cart-page-link-wrapper**">



Step 2 : To hide top bar Cart buttons in mobile view, at the same folder > find Mobile cart at around line 138, remove highlighted code section as below > Save



Result:

6. Hide price in product search result

Step 1 : Go to folder under snippets > search-result.liquid > delete the highlighted (grey) area as below > Save

💡 Tips : If you want to remove the Compare at Price, can remove the code

<s data-expires="{{ product.expires }}"><small>{{ item.compare_at_price | money: shop.money_format }}</small></s>



Step 2 : Save and you're done!

Before:



After:

7. Hide price for selected products (RM = 0)

To hide product price, kindly ensure that you have leave the product price & compare with price column empty



When the product price is RM0, it will be displayed on your website. Below steps is to hide the RM0.00 price on collection page and product page.

Step 1 : Go to Channels > Online Store > Edit Source > product-grid-item.liquid

Step 2 : Look for <p class="grid-link__meta"> around line 88 and paste this code above it {% if product.price > 0 %}

Step 3 : Copy this code {% endif %} and paste it below </p>



Step 4 : Save

Step 5 : Select product.liquid file and look for <div class="product-single__prices"> around like 70+ > paste this code above it {% if product.price > 0 %}

Step 6 : Copy this code {% endif %} and paste it below </div>



Step 7 : Save

Before :
RM0 price display on collection page



RM0 price display on product page



After :
No price display on collection page



No price display on product page

Updated on: 26/09/2023