Back to Table of Contents

Working with the Nop Ajax Cart

Please read the following steps for more information on how to configure the Nop Ajax Cart.

Working with the Nop Ajax Cart is as easy as configuring a few settings from the administration of the plugin

Working with the Nop Ajax Cart is as easy as configuring a few settings from the administration of the plugin
Zoom
  1. Enable Nop Ajax Cart on Catalog Pages - Specifies whether to enable the Nop Ajax Cart Plugin on catalog pages.
  2. Enable Nop Ajax Cart on Product Page - Specifies whether to enable the Nop Ajax Cart Plugin on product page.
  3. Enable Product Quantity Text Box - Specifies whether the product quantity text box is enabled for products on the category page.
  4. Enable Ajax Cart on Multi Product Variants on Catalog Pages - Specifies whether to enable the Nop Ajax Cart Plugin on multi product variant products on catalog pages.

11. Enable Automatic Integration - Sets whether Automatic Integration for the Nop Ajax Cart is enabled. Please refer to the Integration section for more information on the Automatic Integration option. The default setting value is true.

The following settings are System Settings and should be use only if you have done changes to the style or id properties properties of the elements mentioned in these settings. The Nop Ajax Cart works via Ajax and in order to achieve this it needs to modify these html elements. Therefore the Nop Ajax Cart needs to know how to find these html elements.

5. Category Page Products Panel Selector - This is the JQuery selector for the html element on the category page, which contains the products. The Nop Ajax Cart plugin uses this element to add dynamic content to it, like modal dialogs and the ajax busy animation. The default value is .category-page.
6. Product Details Page Product Panel Selector - This is the JQuery selector for the html element on the product details page, which contains the product details information. The Nop Ajax Cart plugin uses this element to add dynamic content to it, like modal dialogs and the ajax busy animation. The default value is .product-details-page.
7. Shopping Cart Menu Link Selector - This is the Jquery selector for the html element in the header link, which contains information about the number of items in the shopping cart. The default value is .header-links a[href="/cart"].
8. Mini Shopping Cart Panel Selector - The selector for the mini shopping cart panel. It is used by the Nop Ajax Cart plugin to update the mini shopping cart after a product has been added to the shopping cart. The default value is .block.block-shoppingcart.
9. Flyout Shopping Cart Panel Selector - The selector for the flyout shopping cart panel. It is used by the Nop Ajax Cart plugin to update the flyout shopping cart after a product has been added to the shopping cart.
10. Product Added To Cart Image Size - Specify the image size of the image displayed on the product added to cart window (in pixels).