1 User Guide Ajax Add To Cart for Magento 2 AJAX ADD TO CART FOR MAGENTO 2 USER GUIDE BSSCOMMERCE 1
2 User Guide Ajax Add To Cart for Magento 2 Contents 1. Ajax Add To Cart for Magento 2 Extension Overview... 3 2. How Does Ajax Add To Cart for Magento 2 Extension Work?... 3 2.1. General Options... 3 2.2. Success Popup Settings... 4 2.3. Success Popup Design... 6 2.4. Quick View Popup Setting... 7 3. Contact Us... 8 BSSCOMMERCE 2
3 User Guide Ajax Add To Cart for Magento 2 1. Ajax Add To Cart for Magento 2 Extension Overview Ajax Add to Cart for Magento 2 extension allows customers to add products to shopping cart without loading new pages. For product with many options such as configurable, grouped or bundle products, customers can conveniently select product options in popup. Besides, this extension supports admin to change setting and design of popup in the backend. 2. How Does Ajax Add To Cart for Magento 2 Extension Work? Please go to Stores Configuration BSSCOMMERCE Ajax Cart. *Note: Success Popup (confirmation popup): popup to notify customers of adding products to cart successfully. Quick View Popup (add-to-cart popup): popup for customers to select product options when adding bundle, grouped and configurable products to cart. 2.1. General Options In Enabled, choose Yes to enable or No to disable the module. In Enabled Fuction in Product Page, choose Yes to enable ajax add-to-cart function in product pages. BSSCOMMERCE 3
4 User Guide Ajax Add To Cart for Magento 2 In Add To Cart Button Selector, the default class to select Add To Cart button is.action.tocart but you can change this information to make it compatible to your theme/site. 2.2. Success Popup Settings In Show Product Image, choose Yes to include product image in Success Popup. Otherwise choose No to exclude it. In Image Size, set the size of product image displayed in Success popup (measured in pixel). In Show Product Price, choose Yes to include product price in Success Popup. Otherwise choose No to exclude it. BSSCOMMERCE 4
5 User Guide Ajax Add To Cart for Magento 2 In Show Continue Button, choose Yes to enable Continue button in the Success Popup or No to disable this button. In Countdown Time for Button, enable countdown function for View Cart button or Continue button; then set time (measured in seconds) in Countdown Time section. In Show Cart Quantity and Cart Subtotal, choose Yes to include cart quantity and cart subtotal in Success Popup. Otherwise choose No to exclude them. In Go To Checkout Link, choose Yes to include checkout link embedded in Success Popup, otherwise choose No to exclude it. In Show Suggested Product Block, choose Yes to include suggested product block in Success Popup then fill in the following fields, or No to exclude this product block. In Title of Suggested Product Block, enter the message to motivate customer to add more products to cart. Eg: You may be interested in these products. In Choose Suggested Products, choose which types of products to display in suggested product block: Related products, Up-sell products, Cross-sell products. In Number of Suggested Products, set restriction of the number of products displayed in suggested product block. BSSCOMMERCE 5
6 User Guide Ajax Add To Cart for Magento 2 2.3. Success Popup Design In Color of Text on Buttons, determine color of text on buttons in Success Popup. In Text of Continue Button, decide the text displayed for Continue button, then choose button color and button color on hover in the 2 sections: Continue Button Color and Continue Button Color on Hover. In Text of View Cart Button, type the text content displayed for View Cart button, then choose color and color on hover in the 2 sections: View Cart Button Color and View Cart Button Color on Hover. BSSCOMMERCE 6
7 User Guide Ajax Add To Cart for Magento 2 2.4. Quick View Popup Setting In Show Go to Product Link, choose Yes to enable Go to Product link in Quick View popup, otherwise choose No. In Show Additional Data, choose Yes to add product information (including product detail, review and more information) in Quick View Popup, or No to hide this section. BSSCOMMERCE 7
8 User Guide Ajax Add To Cart for Magento 2 3. Contact Us Any questions or concern about us, feel free contact: Website: http://bsscommerce.com. Support: support@bsscommerce.com. Skype: support.bsscommerce BSS Support team is always ready to aid you with any issue related to our products. Additionally, we also give you Website development and Administration Support. We do offer: 1. Free installation services for commercial products. 2. Free updates within offered support period. Our duties: 1. Responsibility for resolving product bugs. 2. Help with technical queries. 3. Technical support in installation and product usage. BSSCOMMERCE 8