Versus – Product Compare for WooCommerce

Opis

Versus dodaje przycisk „Porównaj” do Twojego sklepu WooCommerce, na stronach sklepu, archiwów i pojedynczych produktów. Kupujący porównują produkty obok siebie w tabeli porównawczej WooCommerce, a dane produktów pozostają w Twoim sklepie.

Versus jest rozwijany otwarcie. Kod oraz miejsce do zgłaszania błędów i propozycji funkcji znajdziesz na github.com/wppoland/plogins-versus.

Tabela pokazuje zdjęcie produktu, nazwę, cenę, SKU, dostępność i krótki opis, a także wiersz dla każdego atrybutu produktu (kolor, rozmiar, materiał i inne). Wiersze, których wartości różnią się między produktami, są podświetlane, a jeden przełącznik ukrywa wszystko, co jest identyczne, dzięki czemu prawdziwe różnice się wyróżniają.

Dokumentacja i odnośniki

Zbudowana z myślą o szybkości i dostępności

  • Bez jQuery we własnym kodzie front-endu wtyczki, skrypt to czysty JS, odroczony i ładowany w stopce.
  • Bez przesunięć układu (CLS). Tabela porównań przewija się poziomo we własnym kontenerze, więc dodawanie kolumn nigdy nie przebudowuje układu strony.
  • Przyjazny dla klawiatury. Przyciski porównywania to prawdziwe przyciski ze stanem aria-pressed aktualizowanym przez AJAX.
  • Goście i klienci. Niezalogowani odwiedzający tworzą i otwierają porównanie zapisane w przeglądarce; zalogowani klienci otrzymują zakładkę „Porównaj” w Moim koncie, a lista gościa jest łączona z kontem po zalogowaniu.

Ustawienia

Strona ustawień (menu Versus, dostępna dla uprawnień WooCommerce) pozwala:

  • Włączanie lub wyłączanie porównywania i ustawienie, ile produktów można porównywać naraz (2-6).
  • Wybór, gdzie pojawia się przycisk porównywania (pętle, pojedynczy produkt), czy goście mogą z niego korzystać, oraz opcjonalnej strony porównania dla gości.
  • Wybór standardowych pól wyświetlanych jako wiersze (cena, SKU, dostępność, krótki opis) oraz tego, czy uwzględnić atrybuty produktu.
  • Włączanie podświetlania różnic, domyślnego trybu „tylko różnice” oraz elementów zdjęcia / dodawania do koszyka / usuwania w nagłówku każdej kolumny.
  • Dostosowanie tekstów w sklepie: przycisku porównywania, przycisku usuwania, odnośnika porównania, przełącznika różnic, przycisku czyszczenia wszystkiego i komunikatu o pustej liście, albo pozostawienie ich domyślnych tłumaczeń.

Gotowa do tłumaczenia

Wszystkie teksty można tłumaczyć w domenie tekstowej plogins-versus, a szablon plogins-versus.pot znajduje się w /languages. Usunięcie wtyczki usuwa jej opcje i tabelę porównań.

Jak to działa

Dodanie lub usunięcie produktu to pojedyncze żądanie AJAX zweryfikowane nonce; bez przeładowania całej strony. Wybory gościa są przechowywane w pliku cookie przeglądarki przez sześć miesięcy i łączone z kontem po zalogowaniu. CSS i JavaScript są ładowane tylko na stronach, które faktycznie pokazują przycisk porównania lub tabelę.

Versus Pro

Versus Pro to osobna płatna wtyczka, która rozszerza wtyczkę Versus.

W darmowej wersji:

  • Przycisk porównywania
  • Tabela porównawcza obok siebie
  • Podświetlanie różnic
  • Listy dla gości i klientów
  • Limit produktów

Versus Pro dodaje:

  • Shortcode strony porównania
  • Konfigurowalne wiersze
  • Przypięty pasek porównania
  • Eksport porównania
  • Porównanie w obrębie kategorii

Darmowa wersja nie jest wersją próbną, a jej funkcje pozostają dostępne bez ograniczeń czasowych.

Usługi zewnętrzne

Versus nie łączy się z żadną usługą zewnętrzną ani serwerem podmiotu trzeciego i nie wysyła do nich żadnych danych. Nie dołącza żadnego SDK, klienta API, czcionki internetowej, kafelka mapy, zasobu CDN ani wywołania analitycznego, wszystko działa w Twojej własnej witrynie.

Dane porównań pozostają w Twojej bazie danych WordPress: własna tabela {prefix}versus_compare_items przechowuje identyfikatory porównywanych produktów, ustawienia wtyczki znajdują się w opcji versus_settings (a versus_db_version śledzi wersję schematu), a wybór gościa jest przechowywany w pliku cookie własnej domeny w jego przeglądarce. Dodanie lub usunięcie produktu to żądanie AJAX z tej samej domeny do pliku admin-ajax.php Twojej witryny; wtyczka nigdy nie wysyła żadnych żądań HTTP na zewnątrz. Usunięcie wtyczki usuwa te opcje i tabelę.

Tłumaczenia

Versus jest w pełni przetłumaczalny i zawiera szablon plogins-versus.pot. Tłumaczenia są dostarczane przez pakiety językowe WordPress.org z translate.wordpress.org, gdzie powstają tłumaczenia na polski, niemiecki i hiszpański; sam pakiet nie zawiera skompilowanych plików tłumaczeń.

Zrzuty ekranu

Instalacja

  1. Prześlij wtyczkę do /wp-content/plugins/plogins-versus lub zainstaluj ją przez Wtyczki > Dodaj wtyczkę.
  2. Włącz ją. WooCommerce musi być aktywny.
  3. Przejdź do menu Versus w panelu wp-admin, aby wybrać porównywane pola i umiejscowienie.

Najczęściej zadawane pytania

Czy wtyczka wymaga WooCommerce?

Tak. Versus wymaga aktywnej instalacji WooCommerce.

Czy wtyczka używa jQuery?

Nie. Własny skrypt front-endu wtyczki to czysty JavaScript, bez zależności od jQuery.

Czy goście mogą porównywać produkty?

Tak, gdy włączona jest opcja „Zezwalaj gościom”. Porównanie gościa jest zapisywane w przeglądarce, a odnośnik Zobacz porównanie otwiera jego tabelę bez konta: pod adresem Porównaj w Moim koncie nad formularzem logowania albo na wybranej stronie zawierającej shortcode [versus] (ustaw ją w „Strona porównania dla gości”). Ta strona jest wyłączona z buforowania stron, ponieważ każdy odwiedzający widzi własną listę. Gdy gość się zaloguje, lista jest łączona z jego kontem.

Gdzie pojawia się przycisk porównywania?

W pętlach sklepu i archiwów (klasyczne szablony oraz siatki produktów w motywach blokowych, takie jak blok Kolekcja produktów) oraz na stronie pojedynczego produktu, zależnie od ustawień. Samo porównanie otwiera się w zakładce „Porównaj” w Moim koncie. Gość widzi tam tę samą tabelę nad formularzem logowania albo na stronie porównania wybranej dla gości.

Jakie pola pojawiają się w tabeli porównań?

Tabela może pokazywać zdjęcie produktu, nazwę, cenę, SKU, dostępność, krótki opis oraz atrybuty produktu, takie jak rozmiar, kolor czy materiał.

Czy kupujący mogą ukryć identyczne wiersze?

Tak. Podświetlanie różnic i przełącznik „tylko różnice” pomagają kupującym skupić się na tym, co faktycznie zmienia się między porównywanymi produktami.

Czy lista porównywanych produktów działa dla zalogowanych klientów?

Tak. Zalogowani klienci otrzymują zakładkę „Porównaj” w Moim koncie. Listy porównań gości można połączyć z kontem po zalogowaniu.

Czy ta wtyczka działa w WordPress Multisite?

Tak. Ta wtyczka jest zgodna z WordPress Multisite. Włącz ją dla całej sieci lub na poszczególnych witrynach; każda witryna zachowuje własne ustawienia i dane.

Recenzje

Przeczytaj 1 recenzje

Kontrybutorzy i deweloperzy

„Versus – Product Compare for WooCommerce” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.

Zaangażowani

Wtyczka „Versus – Product Compare for WooCommerce” została przetłumaczona na 4 języki. Podziękuj tłumaczom za ich wkład.

Przetłumacz wtyczkę “Versus – Product Compare for WooCommerce” na swój język.

Interesuje cię rozwój wtyczki?

Przeglądaj kod, sprawdź repozytorium SVN lub czytaj dziennik rozwoju przez RSS.

Rejestr zmian

1.0.24

  • Odnośniki Przejdź na PRO otwierają stronę cennika w języku administratora, jeśli plogins.com ma ją w tym języku, i przekazują plogins.com, z której wtyczki pochodzi wizyta (utm_source, utm_medium i utm_campaign w odnośniku). Z Twojej witryny nic nie jest wysyłane.
  • Readme: sekcja PRO wymienia w dwóch listach, co zawiera darmowa wtyczka i co dodaje płatna wersja, ponieważ WordPress.org wyświetla listy (nie wyświetla tabel).

1.0.23

  • Tylko readme: sekcja PRO z odnośnikami do płatnej wersji.

1.0.22

  • Goście mogą teraz otworzyć swoją tabelę porównań. Odnośnik Zobacz porównanie prowadził niezalogowanego kupującego do samego formularza logowania bez tabeli; teraz tabela wyświetla się nad tym formularzem, a nowe ustawienie „Strona porównania dla gości” może zamiast tego kierować gości na dowolną stronę z nowym shortcode [versus]. Ta strona jest wyłączona z buforowania stron.

1.0.21

  • Poprawiono: przycisku porównywania brakowało w siatkach produktów motywów blokowych (blok Kolekcja produktów, blokowa strona sklepu), ponieważ dodawał go tylko hak klasycznej pętli. Teraz pojawia się za przyciskiem produktu w tych siatkach i pokazuje ten sam stan dodania do porównania, a skrypt i styl porównania ładują się na każdej stronie, która go wyświetla.

1.0.20

  • Poprawiono: strona porównania zwracała 404 w nowej instalacji, dopóki nie zapisano ponownie bezpośrednich odnośników, ponieważ nic nie odświeżało reguł przepisywania dla jej punktu końcowego w Moim koncie. Reguły są teraz odświeżane raz po instalacji, aktualizacji i włączeniu.
  • Poprawiono: wyczyszczenie własnej etykiety sklepu w ustawieniach zachowywało stary własny tekst zamiast przywracać domyślne tłumaczenie.
  • Poprawiono: nagłówek strony porównania brzmiał „Cecha” (etykieta pierwszej kolumny) zamiast „Porównaj produkty”.

1.0.19

  • Bezpieczeństwo (średnie): lista porównania nie przyjmuje już ani nie pokazuje produktów w wersji roboczej, oczekujących, prywatnych ani zabezpieczonych hasłem. Zalogowany klient mógł dodać taki produkt po ID i odczytać jego nazwę, SKU i cenę w tabeli porównania w Moim koncie.
  • Bezpieczeństwo (niskie): wyłączony wariant opublikowanego produktu nie jest już przyjmowany na listę porównania.

1.0.18

  • Etykiety „Wkrótce” i „Powiadom mnie” w powiadomieniu o przejściu na PRO są teraz angielskimi tekstami źródłowymi dla każdego języka; polskie witryny otrzymywały wcześniej własny polski tekst źródłowy, który tłumacze innych języków widzieli potem jako nieprzetłumaczony.

1.0.17

  • Wyświetlana nazwa traci przedrostek „Plogins „. Slug, domena tekstowa i każdy klucz opcji pozostają bez zmian, więc w istniejącej instalacji nic się nie przesuwa.

1.0.16

  • Promocja PRO w panelu bocznym jest teraz ukrywana razem z banerem. Odrzucenie banera pozostawiało wcześniej na stałe reklamę na całą wysokość ekranu ustawień, a nie o to chodzi w wytycznej WordPress.org, według której zachęty do przejścia na płatną wersję mają być stosowane z umiarem.

1.0.15

  • Poprawiono: promocja PRO nadal zachęcała do zakupu osoby, które już kupiły płatną wersję. Odrzucić można było tylko baner, więc promocja w panelu bocznym i zablokowane karty funkcji towarzyszyły płacącemu klientowi na stałe. Promocja sprawdza teraz, czy płatna wersja jest aktywna, i w takim przypadku się nie wyświetla.
  • Poprawiono: znaki strzałek w ścieżkach menu panelu administracyjnego i w tekstach przekazywanych tłumaczom. Strzałka w tekście do tłumaczenia przerzuca ten znak na każdego tłumacza i zmienia układ w każdym języku, który go pomija.

1.0.14

  • Zmieniono: karty funkcji PRO wyświetlały znak strzałki w ścieżkach menu, gdzie reszta wtyczki i dokumentacja używają zwykłego „>”. Ta sama nawigacja, jeden znak, który wyświetla się wszędzie.

1.0.13

  • Poprawiono: usunięcie wtyczki pozostawiało w bazie danych flagę „odrzuć” z powiadomienia PRO zapisaną dla każdego użytkownika. Odinstalowanie usuwa ją teraz dla wszystkich użytkowników, nie tylko dla tego, który ją odrzucił.

1.0.12

  • Szablon tłumaczeń został wygenerowany ponownie. Brakowało w nim 5 tekstów dodanych do wtyczki od ostatniego zbudowania szablonu, więc żaden tłumacz nie mógł do nich dotrzeć w żadnym języku, a 6 tekstów, których wtyczka już nie używa, usunięto. To, co widzisz, się nie zmienia; zmienia się to, co widzi tłumacz.

1.0.11

  • Poprawiono: wtyczka podawała wewnętrznie starszy numer wersji niż ten, pod którym została wydana. Ten numer służy do wersjonowania arkuszy stylów i skryptów ładowanych na ekranie administracyjnym, więc przeglądarka z poprzednimi plikami zachowywała je po aktualizacji zamiast pobrać poprawione.

1.0.10

  • Zadeklarowano zgodność z WooCommerce 11.0.

1.0.9

  • Poprawiono promocję PRO na ekranie ustawień, która podawała cenę w PLN. PRO jest wyceniany i rozliczany w EUR, więc administrator polskiej witryny widział kwotę w złotych, a potem płacił w euro, przy czym kwota w złotych była stałym przeliczeniem, które rozjeżdżało się z rzeczywistą opłatą wraz ze zmianą kursu. Promocja pokazuje teraz cenę w euro, która jest faktycznie pobierana.

1.0.8

  • Zatwierdzona w WordPress.org, nazwa zmieniona na Plogins Versus.

1.0.6

  • Odnośnik „Zobacz porównanie” zawsze otwiera teraz tabelę porównań. Goście oraz klienci w sklepach, które ukrywają zakładkę konta, trafiali wcześniej na stronę sklepu bez żadnego porównania.
  • Ukrycie zakładki „Porównaj” w Moim koncie ukrywa teraz tylko zakładkę: kupujący nadal mogą otworzyć swoje porównanie z odnośnika obok przycisku porównywania.
  • Jaśniejsze opisy ustawień „Zezwalaj gościom” i „Menu konta” dotyczące tego, gdzie kupujący faktycznie widzi tabelę porównań.

1.0.4

  • Tłumaczenia: uzupełniono polski, niemiecki i hiszpański w panelu przejścia na PRO.

1.0.3

  • Poprawki dostępności w kodzie panelu administracyjnego i sklepu.
  • Poprawiono nagłówki panelu administracyjnego o niskim kontraście przy włączonym w systemie trybie ciemnym.

1.0.2

  • Dodano dołączone polskie, niemieckie i hiszpańskie tłumaczenia interfejsu wtyczki.

1.0.1

  • Pierwsza stabilna wersja.

0.2.1

  • Zmieniono nazwę na Plogins Versus for WooCommerce, aby nazwa wtyczki była bardziej charakterystyczna.

0.2.0

  • Dopracowano każdy interfejs: podpowiedzi pomocy przy każdym ustawieniu, nowoczesna tabela porównań z obsługą motywów (właściwości niestandardowe CSS, płynne rozmiary, obsługa trybu ciemnego i ograniczonego ruchu), przyjazny pusty stan na stronie porównania oraz licznik na żywo przy odnośniku porównania.
  • Poprawiona dostępność: dostępne ikony pomocy „?” powiązane przez aria-describedby, uprzejmy region na żywo, który ogłasza zmiany porównania czytnikom ekranu, widoczne style fokusu i pełna obsługa z klawiatury.
  • Solidniejszy front-end: łagodna obsługa błędów sieci, ochrona przed podwójnym wysłaniem, automatyczne odświeżanie tabeli po usunięciu oraz przyjazne wartości zastępcze dla brakujących danych.
  • Dodano sekcję „Etykiety i tekst” na ekranie ustawień, dzięki której można dostosować przycisk porównywania, przycisk usuwania, odnośnik porównania, przełącznik różnic, przycisk czyszczenia wszystkiego i komunikat o pustej liście (puste pole przywraca domyślne tłumaczenie).
  • Wtyczka jest w pełni gotowa do tłumaczenia: nagłówek Domain Path i szablon versus.pot w /languages (WordPress ładuje tłumaczenia automatycznie).
  • Dodano sprzątanie w uninstall.php, które usuwa opcje wtyczki i tabelę porównywanych pozycji po usunięciu wtyczki.

0.1.0

  • Pierwsze wydanie: dostępne porównywanie produktów dla WooCommerce z tabelą podświetlającą różnice, listami gości i klientów oraz stroną ustawień porównywanych pól i umiejscowienia.