ShopEngine’s Cart Total is another handy widget that can spice up your cart table. It helps improve the cart page by allowing users to visually control and style key pricing elements and buttons like “Proceed to Checkout “.
Le Cart Total widget in ShopEngine is used to display and customize the overall cost of items in a cart, including subtotal, total price, and checkout actions.
Quick Steps:
1. Allez à ShopEngine → Templates → Add New
2. Select Chariot as template type and save
3. Click Modifier avec Elementor
4. Drag the Cart Table widget into the layout
5. Drag the Cart Total widget into the area
6. Customize styles (price, typography, buttons, etc.)
7. Save & preview on frontend
Use ShopEngine’s Cart Table #
First of all, go to the dashboard of your admin panel and find ShopEngine from the list of items.
Create a Cart Template #
- Click ShopEngine and then select Modèles de constructeur dans le menu déroulant.
- Ensuite, cliquez sur le «Ajouter un nouveauBouton « en haut à droite à côté du texte »Modèles».


Immediately after that, a popup window will show up for template settings.
- Set your template name in the Nom champ
- Select the template type: Chariot
- Template Activation: Activer
- Choisis un default sample design or start designing de zéro.
- Check if Elementor is selected
- Finally, click edit with Elementor.


Drag & Drop Widgets & Customize the Template #
In this step, you will notice a sidebar on the left with a list of widgets. Search ShopEngine Cart Table widget and then drag and drop it to the editor.


This will pop up a cart table with a number of items on it, like product name, product image, price, subtotal, quantity, and other necessary buttons.


Maintenant, recherchez le widget Cart Total dans la section ShopEngine Cart ou vous pouvez rechercher le widget dans le champ de recherche, puis faites-le glisser et déposez-le dans la zone allouée.


Le widget du total du panier apparaîtra instantanément après cela. Vous pouvez maintenant apporter les modifications nécessaires à partir de l'onglet Style. Dans la section Tableau du panier, vous pouvez modifier la typographie du titre et du prix, la couleur du titre, la couleur du prix, etc.


Ensuite, à partir de la section Entrée, vous pouvez ajuster la taille de la police, le remplissage, la marge, la couleur d'entrée, la couleur d'arrière-plan d'entrée, etc.


Ensuite, pour le Mettre à jour le bouton d'expédition , vous pouvez modifier la typographie, les couleurs des boutons, le type de bordure, le rayon de la bordure, etc.


De même pour le Bouton de paiement , vous pouvez modifier la typographie, les couleurs des boutons, le type de bordure, le rayon de la bordure, etc.


The cart total looks on the front end as displayed under below.


C'est ainsi que vous pouvez utiliser le widget ShopEngine Cart Total et égayer les éléments totaux de votre panier.

