Przejdź do głównej zawartości

Porównywarka produktów

Porównywarka pozwala klientom zestawić kilka produktów obok siebie w tabeli cech. Ułatwia wybór, szczególnie w sklepach z dużą ofertą.

Porównywarka produktów, lista życzeń i filtry na stronie sklepu

Przejdź do WooCommerce > Polski > Moduły sklepowe i włącz Porównywarka produktów. Na produktach pojawi się przycisk porównania.

Klient widzi tabelę z kolumną dla każdego produktu. Wiersze zawierają:

  • Zdjęcie produktu
  • Nazwę z linkiem
  • Cenę (z uwzględnieniem promocji i dyrektywy Omnibus)
  • Ocenę (gwiazdki)
  • Opis krótki
  • Status dostępności
  • Atrybuty produktu (kolor, rozmiar itp.)
  • Czas dostawy (jeśli ustawiony)
  • Przycisk Dodaj do koszyka

Wiersze z identycznymi wartościami mogą być automatycznie ukryte - włącz Ukryj identyczne cechy w ustawieniach. Klient zobaczy tylko różnice między produktami.

Domyślnie klient może porównać do 4 produktów naraz. Zmień limit w ustawieniach lub filtrem:

add_filter('polski/compare/max_items', function (): int {
return 6;
});

Po osiągnięciu limitu przycisk Dodaj do porównania staje się nieaktywny. Klient musi najpierw usunąć jeden z produktów.

Gdy Automatyczna zamiana jest włączona, nowy produkt ponad limit zastępuje najstarszy. Klient widzi powiadomienie toast o zamianie.

Włączenie w ustawieniach: WooCommerce > Polski > Moduły sklepowe > Porównywarka > Automatyczna zamiana.

Lub programowo:

add_filter('polski/compare/auto_replace', '__return_true');

Porównywarka działa bez przeładowania strony. Dostępne akcje AJAX:

AkcjaOpis
polski_compare_addDodanie produktu
polski_compare_removeUsunięcie produktu
polski_compare_getPobranie listy produktów
polski_compare_clearWyczyszczenie porównania

Dane przechowywane są w sesji WooCommerce (WC()->session). Działają dla gości i zalogowanych klientów.

Wyświetla tabelę porównania w dowolnym miejscu sklepu.

ParametrTypDomyślnieOpis
columnsstringallCechy do wyświetlenia (oddzielone przecinkiem)
hide_similarstringnoUkryj wiersze z identycznymi wartościami
show_removestringyesPokaż przycisk usunięcia produktu
[polski_compare columns="image,name,price,rating,stock" hide_similar="yes"]

Utwórz stronę np. Porównanie produktów i wstaw shortcode:

[polski_compare]

W ustawieniach modułu wskaż tę stronę jako Strona porównania. Przycisk Zobacz porównanie przekieruje na nią.

Przycisk widoczny jest na karcie produktu i na stronie produktu. Zmień pozycję filtrem:

add_filter('polski/compare/button_position', function (): string {
return 'after_add_to_cart';
});

Dostępne pozycje: before_add_to_cart, after_add_to_cart, after_summary.

Po dodaniu pierwszego produktu na dole ekranu pojawia się pasek z miniaturkami i przyciskiem Porównaj. Na mobile zamiast miniaturek widoczna jest liczba wybranych produktów.

Domyślnie można porównywać produkty z różnych kategorii. Aby ograniczyć do tej samej kategorii:

add_filter('polski/compare/same_category_only', '__return_true');

Klient zobaczy komunikat, jeśli spróbuje dodać produkt z innej kategorii.

Klasy CSS modułu:

  • .polski-compare-button - przycisk dodania do porównania
  • .polski-compare-button--active - produkt jest w porównaniu
  • .polski-compare-table - tabela porównania
  • .polski-compare-bar - pasek na dole ekranu
  • .polski-compare-empty - komunikat pustego porównania

Tabela nie wyświetla atrybutów - sprawdź, czy atrybuty mają zaznaczone Widoczne na stronie produktu w edycji produktu (zakładka Atrybuty).

Przycisk nie reaguje na kliknięcie - sprawdź konsolę przeglądarki. Częsta przyczyna to zduplikowany jQuery lub konflikt z wtyczką optymalizującą JS.

Zgłaszanie problemów: github.com/wppoland/polski/issues

Ta strona ma wyłącznie charakter informacyjny i nie stanowi porady prawnej. Przed wdrożeniem skonsultuj się z prawnikiem. Polski for WooCommerce jest oprogramowaniem open source (GPLv2) dostarczanym bez gwarancji.