Ajax add to cart – Magento 2
USER MANUAL
Supported Version: 2.0, 2.1, 2.2, 2.3
www.mageants.com support@mageants.com 1
Table Of Contents
Preface ......................................……………………………………......3
Installation...................................………………………………………..4
Option 1: Magento 2 install extension using COMMAND LINE .........…………..…..4
Option 2: Magento 2 install extension manually ………………………………….......5
Backend Example ………………………………………………………...……...6

Extension configuration………………………………………………………...6
Frontend Example………………………………………………………………….9
www.mageants.com support@mageants.com 2
Preface:

- This extension will give you a fast and smooth add-to-cart process. Give customers
the ability to add your products to cart without refreshing the page with Magento
AJAX Add to Cart extension.
- This module saves the customers’ time by allowing them to collectively purchase
products without any delay or refreshing the page. It adds the item to the cart while
customers are still browsing for more items. You can also enable other useful
features in Magento quick add to cart module such as dialogue box, display related
products and animations to facilitate your customers. Products can be added to
shopping cart immediately without reloading the page. When they click Add to Cart
, a pop up promptly presents cart details and especially displays up sell, cross sell
or related products. This tool is designed to improve an online stores usability, page
performance, conversion rate, as well as cope with a shopping cart abandonment.
www.mageants.com support@mageants.com 3
Installation:
There are two ways of installing extension in magento2.
1) Using COMMAND LINE.
2) Manually install extension.
Option 1: Magento 2 install extension using COMMAND LINE (Recommended).
Follow below steps to install extension from the command line.
Step 1: Download the extension and unzip it.
Step 2: Upload it to code directory in your magento installation’s app directory.
If code directory does not exists then create.
Step 3: Disable the cache under System → Cache Management.
Step 4: Enter the following at the command line:
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy
Step 5: Once you complete above steps log out and log in back to the admin
panel and switch to Stores → Configuration → Mageants → Ajax cart.
The module will be displayed in the admin panel.
www.mageants.com support@mageants.com 4
Option 2: Magento 2 install extension manually.
Step 1: Download the extension and unzip it.
Step 2: Upload it to code directory in your magento installation’s app directory.
If code directory does not exists then create.
Step 3: Disable the cache under System → Cache Management Edit
app/etc/config.php file and add one line code: ‘Mageants_Ajaxcart’ → 1
Step 4: Disable the cache under System → Cache Management
Step 5: Once you complete above steps log out and log in back to the
admin panel and switch to Stores → Configuration → Mageants →
Ajaxcart, the module will be displayed in the admin panel.
www.mageants.com support@mageants.com 5
Backend example
After Installation of Extension login to magento admin panel to set
configuration of the extension.
Extension Configuration
As per below screen shot you can set all the settings here.

You can find configuration at Stores -> Configuration -> Mageants ->
Ajax Cart .

www.mageants.com support@mageants.com 6
Enable Ajax Shopping Cart : Here you can enable and disable
module from back end.
Enable Canvas Cart : Here you can enable and disable Canvas Cart.
Popup will Close After : Add time to close popup.

Use Ajax Shopping Cart on Product View Pages : Choose Yes to
use functionality of AjaxShoppingCart Extension in product page.

Enable flying image effect : Select yes to enable flying image ef
fect while add product in cart.

Display Product image in Dialog : Select yes to display product
image in dialog.

Show Cart information in Success Popup : Select yes to display
cart information in popup after adding product in cart.

Display Total Count of Products in cart : Display total number of product
which are added in to the cart.
Display Total Amount in Cart : Display total price of product in
cart.
www.mageants.com support@mageants.com 7
Display Go to Checkout Button : Select yes to display checkout
button inConfirmation Dialog.

Choose the Product Block Type to Display in the Confirmation
Dialog : Select Block which display in Confirmation Dialog or select
none.

Product Block Title : Write Block Title display in dialog.
No of Product to Display in popup : Write number of product
display in popup.
Use slider in Display popup : Select yes to display slider in
popup in product block.

Use Navigation in slider : Select yes to display navigation in
popup in product block.
Use Autoplay in slider : Select yes to display autoplay slider
in popup in product block.
Slider Autoplay After : Add time to display autoplay slider af
ter that time in product block.

Use item loop in slider : Select yes to display item in loop in
dialog in product block.



www.mageants.com support@mageants.com 8
Frontend example
Using this Extension Product image and related information display
in
popup.


Using this Extension display product information in mini cart.


www.mageants.com support@mageants.com 9
Thank you!
if you have any questions or feature suggestions, please contact us at:
https://www.mageants.com/contact-us
Your feedback is absolutely welcome!
www.mageants.com support@mageants.com 10