Articles on: General Settings

Use EasyStore as catalog / content base website (show price)

In this article:
Remove 'Add to Cart' button from homepage
Hide top bar Cart buttons
Hide top bar Cart button (Candy, Wave, Lucky or X-force themes only)
Remove 'Add to Cart' button on product page
Remove 'Quantity selection' button on product page
Remove 'BuyNow' button on product page
Change the colour for Product Price (for Candy, MAKER, FALL theme only)

📌 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 but remain 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. Remove 'Add to Cart' button from homepage



Step 1: To hide 'Add to Cart' button, go to EasyStore Admin > Channels > Online Store > Themes > Edit source > under folder 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.



Before :



After : When cursor move to the product, there is no add to cart button



2. 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 folder 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.
If your theme doesn't have Cart word, you will only find the lines with red dot at the front to delete.



Result :



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



Step 1: To hide top bar Cart buttons in desktop view, go back to Admin > Channels > Online Store > Themes > Edit source > under folder snippets > header-bar.liquid > find cart-page-link-wrapper at around line 106, delete the highlighted (grey) area as below > Save.



Step 2: To hide top bar Cart buttons in mobile view, at the same folder > find Mobile cart at around line 138, delete the highlighted (grey) area as below > Save.



Result:



4. Remove 'Add to Cart' button on product page



To remove 'Add to Cart' button on product page, you need to go to Channels > Online Store > Customize > Edit Source > product.liquid > about 130 lines, delete the red box part below > Save > Done.

📌 Note: The coding inside the red box is valid for the latest theme only.



Before:



After: No more add to cart button



5. Remove 'Quantity selection' button on product page



To remove 'Quantity Selection' button on product page, you need to go to Channels > Online Store > Customize > Edit Source > product.liquid > about 109 lines, delete the following highlighted (grey) part > Save > Done

Before:



After:



6. Remove 'BuyNow' button on product page



To remove 'BuyNow' button on product page, you can go to Apps > BuyNow button > Uninstall the integrations



Before:



After:



7. Change the colour for Product Price (for Candy, MAKER, FALL theme only)





Step 1 : Go to Channels > Online Store > Edit Source > Select theme.scss file

Step 2 : Look for .grid-link__meta around line 1200 and change $colorTextBody to the color code that you prefer

💡 Tips : You may get the color code of your preferred color here



Step 3 : Save and you're done!

Result:



💡 Tips : If you are using X-FORCE, WAVE, LUCKY theme, you can change it on Channels > Online Store > Customize > Link > Link Text Colour here

Updated on: 26/09/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!