Ajax Cart

Author: An Do 63 views

By Shopify default, when clicking on the Add to cart button on the Product page, customers will be redirected to the cart page. With the Ajax cart extension, you will have more choices like showing a cart popup, reloading the page, going to the checkout page, or a cart message… So your customers can easily select product options and avoid wasting time on annoying page reloads. This function surely encourages customers to shop more hence increasing your revenue.

Let’s step forward to see more clearly how it works and what exactly the app will bring to you with EComposer App.

1. How to install the Ajax Cart extension?

Note: When you finish installing the Ajax Cart extension, it will automatically show when you publish.

To open the Extension popup, you have two ways:

  • Click on the Extension icon at the top left corner.
  • Under the Extension tab, click Add more.
Two ways to open the Extension popup.

Below is the way for installing the Ajax Cart extension:

Click on Install now button to install the extension

2. How to set the Ajax Cart extension?

Notice: This feature only work on the live page

In the Setting option of this extension, we have:

  • Enable ajax cart: To let it be shown or not, you can turn it on without uninstalling the extension.
Enable ajax cart from EComposer
  • Enable order note: Allow customer to fill the Order Special instructions before Checkout
Enable order note from EComposer
Order special instructions from EComposer
  • Trust Seal Image/ Trust Seal Image Size: You will upload the image for this option and have flexible changes in the size for it.
Trust Seal Image/ Trust Seal Image Size from EComposer

Then click the “Save” button to view it from the Live Page.

This extension will be used on the Add to cart button. After setting the extension, you can decide the action after adding the product to the cart by clicking on the Add to cart button:

  • Show cart popup
  • Reload page
  • Show a message
  • Redirect to cart page
  • Go to checkout page
  • Go Special URL

Here is the example as you can see in the video below:

How To Set The Ajax Cart With EComposer

Leave a Comment

On this page