Ajax Cart

Magento 2 Extension — User Guide & Documentation

Magento 2.3.x / 2.4.xBy MagepowAdmin + Frontend
Vendor
Magepow Extensions
Online docs
docs.magepow.com

1 · Installation

Two ways to install — via Composer or by uploading the app folder. Both end with the same Magento CLI steps.

Before you begin: install the extension on a staging/test server first, and take a full backup of your files and database — especially on a live store.

System requirements

  • Magento 2.3.x / 2.4.x installed and working
  • PHP, MySQL/MariaDB and web server meeting Magento 2 system requirements
  • SSH access to run Magento CLI commands

Method 1 — Install via Composer (recommended)

  1. Open a terminal in your Magento 2 root directory and require the package:
    composer require magepow/ajaxcart
  2. Run the Magento setup upgrade:
    php bin/magento setup:upgrade
  3. Deploy static content (production mode):
    php bin/magento setup:static-content:deploy -f
  4. Flush the cache:
    php bin/magento cache:flush

Method 2 — Manual install (upload app folder)

  1. Download the extension package and unzip it. Upload the app folder to your Magento 2 root so it merges with the existing app directory.
  2. Run the following commands from the Magento 2 root:
    php bin/magento setup:upgrade
    php bin/magento setup:static-content:deploy -f
    php bin/magento cache:flush
  3. Log out of the Admin panel and log back in to refresh access permissions, then clear the cache under System > Cache Management.
Tip: while configuring the store, disable full-page and additional PHP caches (Varnish, Redis, OPcache/APCu) so changes appear immediately. Re-enable them when you are done.

2 · Configuration & Usage

All settings live in the Magento Admin panel. Screenshots below match the default Admin theme.

1 - How to configure the extension

General Configuration

To Enable/DisableMagepow Ajax Cart Extension: Go to Admin Panel > Stores > Settings > Configuration > Magepow > Ajax Cart. Then, select Yes to Enable module/No to Disable the module

enable disable

2 - How to show your ajaxcart on pages

After enabling the module, we will configure the ajaxcart module. InAdmin Panel > Stores > Settings > Configuration > Magepow > Ajax Cart

config1

config2

config3

config4

config5

  • General Options: Allow you to Enable/Disable Ajax Cart and change 'Add to Cart' Button Selector
  • Success Popup Setting: Allow you to change configs for Ajax Cart such as: Show product image or not, Size of image (Width, Height), show buttons ('Continue' Button, Countdown time for Button, 'Go to Checkout' link/button, Show Cart Quantity and Cart Subtotal and allow you can show Suggested Products.
  • Success Popup Design: Allow you to config style for Ajax Cart such as Color of Text on Buttons, buttons color, buttons when hover, other texts...
  • Quick View Popup Setting: Allow you to show/ disable 'Go to Product' link/button and show Additional Data of that product
  • General Add To Cart Bottom: Allow you to Enable/Disable General Add To Cart Bottom and Height Scroll (The height of screen from the top of the web page to the appearance 'add to cart bottom').
  • Result in frontend

    When you enable the ajax cart extension, you will see the show loader for the whole page befor showing the add to cart completement box

    Note that Ajaxcart extension will not work for wishlist page and compare page

    show load

    result

3 · Support

Found a bug or need customization? Contact us — we usually reply within 24–48 hours.

Need help?

Bug reports

If you find a bug, please report it via the ticket system with steps to reproduce, expected vs. actual behavior, and any relevant logs (var/log/system.log, var/log/exception.log).