Peek – Product Preview for WooCommerce

Opis

Peek dodaje przycisk szybkiego podglądu produktu do pętli produktów w Twoim sklepie WooCommerce i archiwach. Kliknięcie go otwiera dostępny modal produktu AJAX, dzięki czemu kupujący mogą podglądać produkty, wybierać opcje i dodawać do koszyka bez opuszczania listy.

Modal pokazuje wyróżniony obraz i miniatury galerii, tytuł, SKU, cenę, status magazynowy, krótki opis, natywny formularz dodawania do koszyka (w tym dla produktów zmiennych) oraz link do pełnej strony produktu. Każdą część można włączyć/wyłączyć z poziomu ekranu ustawień.

Dokumentacja i linki

  • Dokumentacja – https://plogins.com/plogins-peek/docs/
  • Strona wtyczki – https://plogins.com/plogins-peek/
  • Kod źródłowy – https://github.com/wppoland/plogins-peek
  • Zgłaszanie błędów i prośby o nowe funkcje – https://github.com/wppoland/plogins-peek/issues

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

  • Brak jQuery we własnym kodzie front-end wtyczki, skrypt to czysty JS, odroczony i ładowany w stopce.
  • Brak przesunięć układu (CLS). Modal jest w pełni ukryty, dopóki nie zostanie otwarty i przewija się wewnętrznie, więc nigdy nie powoduje ponownego renderowania strony.
  • Zatrzymywanie fokusu i obsługa klawiatury. Fokus przenosi się do okna dialogowego po otwarciu, jest w nim zatrzymany, zamyka się po naciśnięciu Escape lub kliknięciu tła i wraca do przycisku wyzwalającego po zamknięciu. Okno dialogowe używa role="dialog" z aria-modal.
  • Obsługa wariantów. Formularz dodawania do koszyka obsługuje produkty zmienne za pośrednictwem własnego skryptu wariantów WooCommerce.

Ustawienia

Strona ustawień z możliwościami WooCommerce (menu Peek) pozwala na:

  • Włącz lub wyłącz szybki podgląd.
  • Ustaw etykietę i styl przycisku wyzwalającego (tekst, ikona lub ikona + tekst).
  • Wybierz, gdzie ma się ładować: tylko w sklepie i archiwach produktów, czy także w pętlach produktów powiązanych/up-sell na pojedynczych stronach produktów.
  • Skonfiguruj elementy modala: tytuł, etykietę przycisku zamykania, tekst ładowania i błędu, tekst linku „zobacz produkt” i etykietę SKU, a także przełączniki dla nagłówka modala, przycisku zamykania i zamykania po kliknięciu tła.
  • Wybierz, które części mają być renderowane w modalu (obraz, galeria z konfigurowalną liczbą miniatur, tytuł, SKU, cena, status magazynowy, krótki opis, dodaj do koszyka, link do pełnego produktu).

Shortcode

Umieść wyzwalacz szybkiego podglądu w dowolnym miejscu za pomocą [peek_quick_view id="123"] lub krótszego aliasu [peek id="123"]. Opcjonalne atrybuty: text (niestandardowa etykieta) i style (text, icon lub icon_text). Modal i jego zasoby ładują się automatycznie wszędzie tam, gdzie pojawi się shortcode.

Peek jest rozwijany otwarcie. Kod, otwarte zgłoszenia i historia wydań znajdują się pod adresem https://github.com/wppoland/plogins-peek, zgłoszenia błędów i poprawki są tam mile widziane.

Uaktualnij do Peek PRO

Peek PRO rozszerza darmowy szybki podgląd o:

  • Ostatnio przeglądane produkty.
  • Karuzela powiązanych produktów wewnątrz okna modalnego.
  • Próbki wariantów kolorów i etykiet.
  • Niestandardowe sekcje okna modalnego.
  • Nawigacja poprzedni / następny produkt bez zamykania okna modalnego.
  • Dodatkowe kontrolki stylizacji.
  • Analityka szybkiego podglądu.

Dowiedz się więcej na https://plogins.com/plogins-peek-pro/

Więcej wtyczek WooCommerce od Plogins

  • Reel – powiększenie po najechaniu, dostępny lightbox i wideo produktu dla galerii WooCommerce: https://plogins.com/plogins-reel/
  • Sizer – dostępne przewodniki i tabele rozmiarów w oknie modalnym: https://plogins.com/plogins-sizer/
  • Marks – automatyczne i ręczne odznaki produktów, tylko CSS: https://plogins.com/plogins-marks/
  • Swatch – dostępne próbki wariantów kolorów i etykiet, bez jQuery: https://plogins.com/plogins-swatch/

Przeglądaj całą rodzinę na https://plogins.com/

Usługi zewnętrzne

Peek nie łączy się z żadnymi zewnętrznymi usługami. Okno modalne szybkiego podglądu pobiera fragment produktu z Twojej własnej witryny za pośrednictwem admin-ajax.php WordPressa (akcja peek_quick_view), więc żadne dane kupującego ani produktu nigdy nie opuszczają Twojego serwera. Jedyne przechowywane dane Peek to dwie opcje WordPressa, które tworzy: peek_settings (konfiguracja okna modalnego i przycisku) oraz peek_db_version, obie usuwane po usunięciu wtyczki. Peek nie wysyła e-maili i nie ładuje żadnych skryptów, czcionek ani analityki stron trzecich.

Tłumaczenia

Plogins Peek zawiera polskie, niemieckie i hiszpańskie tłumaczenia interfejsu wtyczki. Domeną tekstową jest plogins-peek, więc pakiety językowe WordPress.org mogą również nadpisywać lub rozszerzać te dołączone tłumaczenia.

Zrzuty ekranu

Instalacja

  1. Prześlij wtyczkę do /wp-content/plugins/plogins-peek lub zainstaluj ją poprzez Wtyczki Dodaj nową.
  2. Aktywuj ją. WooCommerce musi być aktywny.
  3. Odwiedź menu Peek w wp-admin, aby skonfigurować etykietę przycisku i zawartość okna modalnego.

Najczęściej zadawane pytania

Czy wymaga WooCommerce?

Tak. Peek wymaga aktywnej instalacji WooCommerce.

Czy używa jQuery?

Własny skrypt front-endowy wtyczki to czysty JavaScript bez zależności od jQuery. Gdy produkt ma warianty, skrypt wariantów dołączony do WooCommerce (który sam używa jQuery) jest dodawany do kolejki, aby formularz wariantów działał zgodnie z oczekiwaniami.

Gdzie pojawia się przycisk szybkiego podglądu?

Na stronie sklepu i w pętlach archiwum produktów (kategorie, tagi, taksonomie), po każdym produkcie. Nie zmienia stron pojedynczych produktów.

Czy okno modalne obsługuje dodawanie do koszyka?

Tak. Peek renderuje natywny formularz dodawania do koszyka WooCommerce wewnątrz okna modalnego szybkiego podglądu, włączając w to wybór ilości i wariantów produktu.

Czy działa z produktami zmiennymi?

Tak. Produkty zmienne używają własnego formularza wariantów WooCommerce wewnątrz okna modalnego produktu, dzięki czemu kupujący mogą wybrać wariant przed dodaniem do koszyka.

Czy spowoduje przesunięcie układu?

Nie. Okno modalne jest ukryte, dopóki nie zostanie otwarte i nakłada się na stronę, więc jego otwarcie nigdy nie powoduje przesuwania istniejącej zawartości.

Czy mogę ręcznie umieścić przycisk szybkiego podglądu?

Tak. Użyj [peek_quick_view id="123"] lub [peek id="123"], aby dodać wyzwalacz szybkiego podglądu produktu w niestandardowych układach.

Czy ta wtyczka działa na WordPress Multisite?

Tak. Ta wtyczka jest kompatybilna z WordPress Multisite. Aktywuj ją w sieci lub aktywuj na poszczególnych stronach; każda strona zachowuje własne ustawienia i dane.

Recenzje

Wtyczka nie ma jeszcze żadnej recenzji.

Kontrybutorzy i deweloperzy

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

Zaangażowani

Wtyczka „Peek – Product Preview for WooCommerce” została przetłumaczona na 1 język. Podziękuj tłumaczom za ich wkład.

Przetłumacz wtyczkę “Peek – Product Preview 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.7

  • Shortened display name (dropped the Plogins prefix; slug unchanged).

1.0.6

  • Przywrócono nagłówek autora do WPPoland.com, aby pasował do rodziny wtyczek (autorstwo przypisane jest współtwórcy motylanogha).

1.0.5

  • Nagłówek autora teraz przypisuje autorstwo Mariuszowi Szatkowskiemu (motylanogha).

1.0.4

  • Readme: dodano linki do Peek PRO i powiązanych wtyczek Plogins.

1.0.3

  • Bardziej klarowna nazwa: Plogins Peek – Podgląd produktu dla WooCommerce.

1.0.2

  • Dodano wbudowane tłumaczenia polskie, niemieckie i hiszpańskie dla interfejsu wtyczki.

1.0.1

  • Pierwsze stabilne wydanie.

0.3.1

  • Zmieniono nazwę na Plogins Peek for WooCommerce dla bardziej wyróżniającej się nazwy wtyczki.

0.3.0

  • Nowość: umiejscowienie przycisku pętli, poniżej karty lub jako nakładka na miniaturze (po najechaniu/skupieniu).
  • Nowość: shortcode [peek] jako alias dla [peek_quick_view].

0.2.0

  • Nowość: shortcode [peek_quick_view] do umieszczania wyzwalacza szybkiego podglądu w dowolnym miejscu, z opcjonalnymi atrybutami id, text i style.
  • Nowość: wiersz statusu magazynowego w oknie modalnym, z przełącznikiem.
  • Nowość: konfigurowalna liczba miniatur w galerii (0–12).
  • Nowość: styl przycisku wyzwalającego, tekst, ikona lub ikona + tekst (tylko ikona zachowuje dostępną nazwę).
  • Nowość: zakres wyświetlania, ładowanie tylko w sklepie/archiwach, lub także w pętlach produktów powiązanych/up-sell na stronie pojedynczego produktu.
  • Nowość: kontrolki wyglądu okna modalnego na stronie ustawień (tytuł, etykieta przycisku zamykania, tekst ładowania/błędu, tekst linku do produktu, etykieta SKU oraz przełączniki dla nagłówka okna modalnego, przycisku zamykania i zamykania po kliknięciu w tło).
  • Nowość: uninstall.php usuwa opcje wtyczki po jej usunięciu.
  • Dodano ścieżkę domeny dla tłumaczeń.

0.1.0

  • Pierwsze wydanie: dostępne modalne okno szybkiego podglądu AJAX dla pętli sklepu i archiwum WooCommerce, ze stroną ustawień dla etykiety przycisku i zawartości okna modalnego.