This article will guide you on how to disable add to cart and the slide out cart that will appear automatically on the right side when customers add product to cart. This guide is applicable for Wave, Fall, X-Force, Maker and Lucky theme only

In this article :

a. Disable add to cart & slide-out cart

b. Enable slide-out cart

c. Change shopping cart font size

d. Disable the auto cart preview when every product added (apply to all theme)

e. Rename the “shipping, taxes & discounts will be calculated at checkout” on cart

⚠️ Kindly take note :

  • Above all code editing, you will need to re-edit the code again if you switch to a new theme template

  • Different themes will have different slide-out cart

  • Some theme does not have slide-out cart

  • We do not allow to change or edit the code for the checkout page (which include shipping & payment method) due to security reasons

a. Disable add to cart & slide out cart

Step 1: Go to EasyStore Admin > Channels > Online Store > Edit source and reset the 3 files below :

theme.js

cart-drawer.liquid

related-products.liquid

Step 2 : Save and you are done.

__________________________________________________________________

b. Enable slide-out cart

Step 1 : Go to EasyStore Admin > Channels > Online Store > Edit source > theme.js

Step 2 : Change the // toggleCart(); to toggleCart(); around line 109

💡 Tips : You can remove popToast(add_cart_success_html) if don't want to have a popup message when added product to cart

Step 3 : Go to line 300 - 320 and change the // toggleCart(); to toggleCart();

Step 4 : Save

__________________________________________________________________

c. Change shopping cart font size

Step 1: Go to EasyStore Admin > Channels > Online Store > Edit source > assets > theme.scss

Step 2 : Look for cart-drawer-wrapper around line 4197 > change the font size

Step 3 : Save and you're done!

__________________________________________________________________

d. Disable the auto cart preview when every product added (apply to all theme)

Step 1 : Go to Channels > Online Store > Edit Source > select theme.js file

Step 2 : remove these 2 line of theme.toggleCart(); around line 115 and 319

Step 3 : Save

Before :

After :

__________________________________________________________________

e. Rename the “shipping, taxes & discounts will be calculated at checkout” on cart

Step 1 : Click into Channels > Online Store > Edit Source > select cart-drawer.liquid file

Step 2 : Look for <p><em>{{ 'cart.general.shipping_at_checkout' | t }}</em></p> around line 470 and change the text here

Step 3 : Save

💡 Tips : If you do not want this wording to appear on the cart, you can remove the code <p><em>{{ 'cart.general.shipping_at_checkout' | t }}</em></p>

Did this answer your question?