Shopping Cart UI Component
Overview
The Cart UI Component module is a Magento 2 module that allows you to replace the default shopping cart with a similar one based on the JavaScript UI component. This allows you to perform more actions without page reload, such as changing item quantity, removing an item, or clearing the shopping cart.
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.
Features
- 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
Benefits
- The Cart UI Component Module provides a better user experience by allowing customers to make changes to their shopping cart without having to reload the page. This can help to improve customer satisfaction and increase sales.
- The module is easy to install and configure, and it can be customized to meet the specific needs of your website.
- The module is compatible with all versions of Magento 2.
| 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 repositories.www.sashas.org composer https://www.sashas.orgManually Add The Repository
The typical Magento 2 installation has repositories section of composer.json like this:
{
"repositories": [
{
"type": "composer",
"url": "https://repo.magento.com/"
}
]
}You will need to add a repository by appending an object to the repositories object
{
"repositories": {
"0": {
"type": "composer",
"url": "https://repo.magento.com/"
},
"www.sashas.org": {
"type": "composer",
"url": "https://www.sashas.org"
}
},
}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
