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 “.
The 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. Przejdź do ShopEngine → Templates → Add New
2. Select Wózek as template type and save
3. Click Edytuj za pomocą Elementora
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 Szablony konstruktorów z menu rozwijanego.
- Następnie kliknij przycisk „Dodaj nowe” w prawym górnym rogu obok tekstu „Szablony”.
Immediately after that, a popup window will show up for template settings.
- Set your template name in the Nazwa pole
- Select the template type: Wózek
- Template Activation: Włączać
- Wybierz default sample design or start designing od zera.
- 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.
Teraz znajdź widżet Suma koszyka w sekcji Koszyk ShopEngine lub możesz wyszukać widżet w polu wyszukiwania, a następnie przeciągnąć go i upuścić w wyznaczonym obszarze.
Widget sumy koszyka pojawi się natychmiast po tym. Możesz teraz dokonać niezbędnych poprawek na karcie Styl. W sekcji Tabela koszyka możesz zmienić typografię tytułu i ceny, kolor tytułu, kolor ceny itp.
Następnie w sekcji Wejście możesz dostosować rozmiar czcionki, dopełnienie, margines, kolor wejściowy, kolor tła wejściowego itp.
Następnie dla Zaktualizuj przycisk wysyłki sekcji możesz modyfikować typografię, kolory przycisków, typ obramowania, promień obramowania i tak dalej.
Podobnie dla Przycisk kasy sekcji możesz modyfikować typografię, kolory przycisków, typ obramowania, promień obramowania i tak dalej.
The cart total looks on the front end as displayed under below.
W ten sposób możesz skorzystać z widżetu ShopEngine Cart Total i ulepszyć elementy sumy koszyka.
