Tabela koszyka ShopEngine to całkiem skuteczny widget, który może urozmaicić tabelę koszyka. Widżet umożliwia dostosowanie różnych elementów tabeli koszyka, takich jak nagłówek, zdjęcie produktu w stopce itp.
Jak korzystać z tabeli koszyka ShopEngine?
Przede wszystkim przejdź do dashboardu swojego panelu administracyjnego i na liście artykułów znajdź ShopEngine. Kliknij ShopEngine, a następnie z menu rozwijanego wybierz Szablony. Następnie kliknij przycisk „Dodaj nowe” w prawym górnym rogu obok tekstu „Szablony”.
![Dodaj nowy szablon widżetu tabeli koszyka](https://wpmet.com/wp-content/uploads/2021/10/add_new_template_6.png)
Natychmiast po tym pojawi się wyskakujące okienko z ustawieniami szablonu. Ustaw nazwę szablonu w pliku Nazwa i wybierz typ Koszyk, ponieważ Twoim celem jest sprawdzenie widżetu Tabela koszyka.
Możesz także wybrać domyślny przykładowy projekt lub rozpocząć projektowanie od zera. Na koniec naciśnij „Zapisz zmiany" przycisk.
![Ustaw szablon koszyka dla widżetu tabeli koszyka](https://wpmet.com/wp-content/uploads/2021/10/set_cart_template_for_cart_table_widget.png)
Twój szablon został utworzony i możesz go zobaczyć na górze listy. Teraz kliknij „Edytuj za pomocą Elementora”, aby przejść do okna Elementora.
![Edytuj za pomocą elementuora widżet tabeli koszyka](https://wpmet.com/wp-content/uploads/2021/10/edit_with_elementor_for_cart_table_widget.png)
W tym kroku po lewej stronie zauważysz pasek boczny z listą widżetów ShopEngine. Znajdź widżet Tabela koszyka z sekcji Koszyk ShopEngine lub możesz normalnie wyszukać widżet w polu wyszukiwania, a następnie przeciągnąć go i upuścić w wyznaczonym obszarze.
![Przeciągnij i upuść widżet tabeli koszyka](https://wpmet.com/wp-content/uploads/2021/10/drag_and_drop_cart_table_widget.png)
Spowoduje to wyświetlenie tabeli koszyka zawierającej wiele pozycji, takich jak nazwa produktu, zdjęcie produktu, cena, suma częściowa, ilość i inne niezbędne przyciski.
Możesz ukryć przyciski Kontynuuj zakupy i Wyczyść wszystko w sekcji Ogólne na karcie Treść.
![Wyświetlana tabela koszyka z sekcją ogólną w zakładce Treść](https://wpmet.com/wp-content/uploads/2021/10/cart_table_on_display_with_general_section_under_content_tab-1.png)
Następnie na karcie Styl w sekcji Nagłówek tabeli możesz modyfikować typografię, kolor tła, kolor tekstu i wypełnienie nagłówka tabeli.
![Wyświetlana tabela koszyka z sekcją nagłówka tabeli w zakładce stylu](https://wpmet.com/wp-content/uploads/2021/10/cart_table_on_display_with_table_header_section.png)
Następnie możesz dostosować treść tabeli, używając parametrów tła, koloru tekstu, koloru ceny, koloru obramowania, typografii, dopełnienia treści itp.
![Stół koszykowy na wyświetlaczu z sekcją korpusu stołu w zakładce stylu](https://wpmet.com/wp-content/uploads/2021/10/cart_table_on_display_with_table_body_section.png)
Następnie możesz zmienić obraz produktu, używając parametrów kolor i szerokość obramowania.
![Wyświetlana tabela koszyka z sekcją obrazu produktu w zakładce stylu](https://wpmet.com/wp-content/uploads/2021/10/cart_table_on_display_with_product_image_section.png)
Możesz także wprowadzić zmiany w Ilość z sekcji Ilość, używając parametrów kolor tekstu, kolor tekstu po najechaniu myszką i kolor obramowania.
![Wyświetlana tabela koszyka z sekcją ilości w zakładce stylu](https://wpmet.com/wp-content/uploads/2021/10/cart_table_on_display_with_quantity_section.png)
Na koniec możesz wprowadzić niezbędne modyfikacje w stopce tabeli w sekcji Stopka tabeli, używając parametrów takich jak tło, dopełnienie, style przycisków, typografia, kolor itp.
![Wyświetlana tabela koszyka z sekcją stopki tabeli w zakładce stylu](https://wpmet.com/wp-content/uploads/2021/10/cart_table_on_display_with_table_footer_section.png)
Tak wygląda tabela koszyka z przodu ze wszystkimi szczegółami produktu, jak pokazano poniżej:
![Stół wózkowy z przodu](https://wpmet.com/wp-content/uploads/2021/10/cart_table_on_front_end-1.png)
W ten sposób możesz skorzystać z widżetu Tabela koszyka i dodać uroku tabeli koszyka.