• Installing AJAX Cart Pro
• Uninstalling AJAX Cart Pro
• Compatibility
• Getting Around
• Adjusting AJAX Cart Pro Settings

Magento 2 AJAX Cart Pro is a straightforward module that allows configuring custom ‘add-to-cart’ popups on retail website pages. Popup blocks can include product-related short descriptions, review summaries with direct links to review sections, product options to select, upsells and cross-sells (for additional promotional opportunities) and can be appended to particular product pages. 

Installing AJAX Cart Pro

Command Line Installation

1. Backup your web directory and store database
2. Download the AJAX Cart Pro installation package
3. Upload contents of the AJAX Cart Pro installation package to your store root directory
4. In SSH console of your server navigate to your store root folder:

cd path_to_the_store_root_folder

run the following command: 

php bin/magento module:enable Aheadworks_Ajaxcartpro

then:

php bin/magento setup:upgrade

after:

php bin/magento setup:static-content:deploy -f

       5. Flush store cache; log out from the backend and log in again

Composer Installation

If you are installing an extension from Aheadworks for the first time, you need to add our composer repository to your Magento store:

     1. Login to your ssh console and navigate to your store folder:

cd path_to_the_store_root_folder

Run the following command:

composer config repositories.aheadworks composer https://dist.aheadworks.com/

On successful execution of the command you will be able to use the composer to install the extensions.

To install the extension:

     2. Login to your ssh console and navigate to your store folder:

cd path_to_the_store_root_folder

      3. Run the following command to install the latest version of the extension:

composer require aheadworks/module-ajaxcartpro

if you need to install a specific version, run this command:

composer require aheadworks/module-ajaxcartpro:<version>

When prompted, enter Public Key (Username) and Private Key (Password):

Both Public Key (Username) and Private Key (Password) can be found in My Projects and Licenses in your personal account on our site:

     4. Enable the extension:

php -f bin/magento module:enable Aheadworks_Ajaxcartpro

Next, register the extension:

bin/magento setup:upgrade

Recompile your Magento store if you are in the Production mode:

bin/magento setup:di:compile

To verify that the extension is enabled, run this command:

bin/magento module:status

Clean store cache, by running the following command:

bin/magento cache:clean

Log out and Log in the backend again.

To upgrade the extension:

     5. To update or upgrade an extension:

Download the updated extension file. Take note of the module-name and version. Export the contents to your Magento root.

If a composer package exists for the extension, run one of the following.

Update per module name:

composer update aheadworks/module-ajaxcartpro

Updater per version:

composer require aheadworks/module-ajaxcartpro:<version>

Run the following commands to upgrade, deploy, and clean the cache.

php bin/magento setup:upgrade --keep-generated 
php bin/magento setup:static-content:deploy 
php bin/magento cache:clean

Uninstalling AJAX Cart Pro

Manual Removal

1. Disable the module by executing the following commands:

php bin/magento module:disable Aheadworks_Ajaxcartpro 
php bin/magento setup:upgrade

2. Remove the extension files from the following folder:

app/code/Aheadworks/Ajaxcartpro

Automatic Removal (via Composer)

1. Disable the module by executing the following commands:

php bin/magento module:uninstall Aheadworks_Ajaxcartpro

Compatibility

The PHP version depends on your current Magento version. Please, refer to your Magento version release notes.

Introducing to Magento 2 AJAX Cart Pro

Extension Overview

The extension substitutes native Magento ‘Add to Cart' button with an enhanced one. The new Add to Cart button allows adding products to the cart right from the category page. Instead of redirecting customers to the product page, AJAX Cart Pro displays a pop-up with the necessary product options: attributes and quantity. 

AJAX Cart Pro works from the category, search results, product comparison page and supports native Magento cross-sells block. Additionally it allows adding products to the cart directly from the Automatic Related Products blocks by Aheadworks. 

The AJAX Cart block suggests to specify the product options and offers a quick overview of the product: 

• Product Image; 

• Product short description; 

• Review summary. 

When done with the product options, the customer clicks the 'Add to Cart’ button and the product is added to the cart, no category page reloads following. If the product has native Magento cross-sells appointed the cross-sells block will be displayed in the confirmation pop-up of AJAX Cart Pro extension. 

Adjusting AJAX Cart Pro Settings

To configure the general options of the extension, navigate to Stores > Configuration > AHEADWORKS EXTENSIONS > Ajax Cart Pro.

General Section

• Enable AJAX Cart Page Updates — Select Yes to allow automatic shopping cart page updates via AJAX. When enabled, the cart dynamically updates without a full page reload when customers add products, change quantities, or remove items.

Add to Cart Block

• On Categories, Display Block For — Specify which products on category pages trigger the AJAX options popup:

• Products with required options only — Displays the popup only for products that require mandatory option selection before adding to cart.

• Products with any options — Displays the popup for any product that has options available.

• All products — Displays the AJAX options block for all products across category pages.

• Display Product Short Description — Select Yes to show a brief description of the product in the popup. Note: This applies only to desktop devices.

• Display Product Reviews Summary — Select Yes to show the product review rating summary within the options popup.

• Display Tier Price — Choose whether to display tier pricing (quantity discounts) inside the add-to-cart options popup and the confirmation popup.

• Display SKU — Choose whether to show the product SKU inside the add-to-cart options popup and the confirmation popup.

How does the Display Block For setting work?

Depending on the setting value selected the AJAX Cart Pro block's behavior will differ depending on the product added:

• Products with required options only - if selected, the AJAX Cart Pro block will suggest specifying options for configurable products with required options or custom options set to required;

• Products with any options - if selected, the AJAX Cart Pro block will suggest specifying options for all product types that may have any options both mandatory and optional;

• All products - if selected, the AJAX Cart Pro block will suggest specifying the number of items you want to add to the cart for all products, even those without any options

If Products with required options only or Products with any options setting values are selected and a customer is adding a product without any options to the cart, the AJAX Cart Pro block will display only a notification that a single item has been added to the cart.

Wishlist

• Enable Wishlist Popup — Select Yes to enable an AJAX options popup when customers add items to their wishlist.

• Display Confirmation Message After Adding to Wishlist — Select Yes to display a confirmation popup right after a product is added to the wishlist. When set to No, products are added to the wishlist in the background without showing the confirmation popup.

Additional Settings

• Display Confirmation Message on Product Page — Select Yes to display a confirmation popup when a customer adds a product to the cart from a product page.

• Display Confirmation Message on Category Pages — Select Yes to show a confirmation popup on category pages. When set to No, products with options are added directly to the cart after selection without showing the confirmation popup.

• Add Selected Related Products to Cart from Product Page — Select Yes to automatically add native related products checked on the product page to the cart along with the main item via Ajax Cart Pro.

• Display Related Products — Select the type of related products to feature in the popup. Note: Can be integrated with Automatic Related Products and Who Bought This Also Bought extensions by Aheadworks, or with Adobe Commerce Related Products Rules when Target Rule is enabled.

• Display Up-Sell Products — Select Yes to display native Magento up-sell products assigned to the added item inside the confirmation popup.

Product Page