Shopping Cart UI Component

Replace your out of the box shopping cart with JavaScript UI component based shopping cart.


The module would allow us to replace the default shopping cart with a similar one based on the JavaScript UI component which allows us to perform more actions without page reload. By using the module actions (change item qty, remove an item, clear a shopping cart) at the shopping cart page would work without page reload what would improve the website experience. The new cart page will have the same look but the UI/UX iterations for cart items will be based on AJAX calls. The module leverages the out of the box Magento UI Components library and can be customized per website requirements.


The module would allow to replace default shopping cart with the similar one based on JavaScript UI component which allows to perform more actions without page reload


  • Change item quantity at the shopping cart page without page reload
  • Remove item from the shopping cart without page reload
  • Clear a shopping cart without page reload
  • Any of actions above would trigger totals update without page reload
  • The ability to turn On/Off the module at the admin panel
  • Decreased load time of cart actions
More Information
Magento Compatibility 2.3.x, 2.4.x
License GNU General Public License v3.0 (GPL-3.0)
Composer Package thesgroup/module-checkout-cart

Automatically Add The Repository

Through an SSH connection, all you have to do is run the following command from your Magento installation directory

composer config composer

Manually Add The Repository

The typical Magento 2 installation has repositories section of composer.json like this:

                "repositories": [
                        "type": "composer",
                        "url": ""

You will need to add a repository by appending an object to the repositories object

                "repositories": {
                    "0": {
                        "type": "composer",
                        "url": ""
                    "": {
                        "type": "composer",
                        "url": ""

How To Install The Module

Once the repository is added to the composer.json file, you can now install the packages that are available through it.

For example, let’s say you want to install the thesgroup/module-checkout-cart module through composer. Run the command below to install it:

composer require thesgroup/module-checkout-cart
Write Your Own Review
Only registered users can write reviews. Please Sign in or create an account