Table of Contents
View Magento 2 Ajax Add to Cart Extension Detail Page for Features and Demo
Documentation for Ajax Add to Cart
Preference
- 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.
Installation
There are two ways of installing extension in magento2.
- Using COMMAND LINE.
- 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.
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.
Backend Example
- Unordered List ItemAfter 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.
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.
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.
Frontend Example
- Using this Extension Product image and related information display in popup.
- Using this Extension display product information in mini cart.