ShopEngine to kompleksowe narzędzie do tworzenia sklepów WooCommerce dla Elementora. Zawiera wszystkie niezbędne i przydatne widżety, moduły i szablony do zbudowania kompletnego sklepu WooCommerce. Co ważniejsze, jest to prosta i łatwa w użyciu wtyczka, a użytkownik nie musi posiadać żadnej wiedzy na temat kodowania. 

Moduł porównania produktów:  #

Kupujący mają tendencję do porównywania podobnych produktów w Internecie przed dokonaniem zakupu. Zwykle muszą otworzyć wiele zakładek, aby porównać te produkty. Ale ShopEngine ułatwił pracę Twoim klientom dzięki modułowi porównania produktów. Dzięki temu modułowi kupujący mogą kliknąć ikonę porównania produktów umieszczoną w lewym dolnym rogu produktu. 

Na stronie sklepu mogą wybrać żądane produkty do porównania i kliknąć ikonę porównania produktów przy każdym z produktów. Spowoduje to wyświetlenie wszystkich wybranych produktów w nowym oknie, w którym kupujący będą mogli porównać różne parametry, takie jak cena, stan magazynowy, kolor itp.

Jak włączyć i wdrożyć moduł: #

Wybierz moduły z panelu:

Najpierw przejdź do dashboardu swojego panelu administracyjnego i znajdź ShopEngine na pasku bocznym. Najedź kursorem na ShopEngine i wybierz Moduły z listy pozycji.

Panel => ShopEngine => Moduły

Wybierz i włącz moduł porównania produktów:

Na liście modułów znajdź i kliknij moduł Porównanie produktów. Włącz moduł klikając ikonę ustawień widoczną na przycisku modułu. 

Włącz także przycisk przełączania dla stron pojedynczych i archiwalnych, aby wyświetlać produkty zarówno na stronach archiwalnych, jak i pojedynczych. Możesz także umieścić ikonę modułu przed lub za przyciskiem Dodaj do koszyka.

Dodaj nowy szablon:

Przejdź teraz do dashboardu swojego panelu administracyjnego i na liście artykułów znajdź ShopEngine. Kliknij ShopEngine, a następnie wybierz Szablony z rozwijanego menu. Następnie kliknij przycisk „Dodaj nowe” w prawym górnym rogu obok tekstu „Szablony”.

Ustaw szablon strony sklepu:

Natychmiast po tym pojawi się wyskakujące okienko z ustawieniami szablonu. Ustaw nazwę szablonu w pliku Nazwa i wybierz typ Sklep, gdyż Twoim celem jest korzystanie z modułu porównywania produktów. 

Możesz także wybrać domyślny przykładowy projekt lub rozpocząć projektowanie od zera. Na koniec naciśnij „Zapisz zmiany" przycisk.

Kliknij Edytuj za pomocą Elementora:

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.

Przeciągnij i upuść widżet listy produktów:

W tym kroku po lewej stronie zauważysz pasek boczny z listą widżetów ShopEngine. Znajdź widżet Lista produktów w sekcji Archiwum produktów ShopEngine i przeciągnij go i upuść w określonym obszarze, jak pokazano na zrzucie ekranu poniżej.

Ikona porównania produktów widoczna pod zdjęciami produktów:

Natychmiast po upuszczeniu widżetu listy produktów na stronie pojawi się lista produktów ze wszystkimi niezbędnymi szczegółami. Możesz spojrzeć na ikonę porównania produktów w prawym dolnym rogu pod każdym obrazem produktu, jak pokazano na poniższym gifie.

Wyświetl ikonę porównania produktów na stronie sklepu:

Ikona porównania produktów jest wyświetlana na stronie sklepu, jak widać na zrzucie ekranu poniżej. Możesz teraz wybrać podobne produkty klikając ikonę i porównać produkty w wyskakującym okienku ze wszystkimi szczegółami.

Podobne produkty pojawiają się w wyskakującym oknie:

Teraz przyjrzyj się, jak podobne produkty wyglądają na stronie sklepu po kliknięciu ikony porównania produktów. Na gifie możesz zobaczyć, jak produkty pojawiają się z pozycjami i parametrami, takimi jak obraz, nazwa, stan magazynowy, SKU, cena, kolor i logo.

Dzięki modułowi porównywania produktów możesz w najlepszy możliwy sposób porównać produkty i podjąć lepszą decyzję o zakupie.