Wtyczka JetProductGallery For Elementor - 2.3.0

JetProductGallery to premium wtyczka WordPress od Crocoblock, która zastępuje domyślną galerię WooCommerce rozbudowaną prezentacją zdjęć i wideo produktu. Daje cztery układy – Slider, Grid, Modern i Anchor Navigation – jako widgety Elementora i bloki Gutenberga, z zoomem, lightboxem i obrazami wariantów.

Główne funkcje JetProductGallery

JetProductGallery udostępnia cztery układy galerii produktu – Gallery Slider, Gallery Grid, Gallery Modern i Gallery Anchor Navigation – uzupełnione o natywną galerię wideo (YouTube, Vimeo, self-hosted), zoom obrazu po najechaniu, lightbox z rozbudowanymi kontrolkami oraz obrazy zależne od wybranego wariantu produktu. Każdy układ działa zarówno jako widget Elementora, jak i blok Gutenberga.

Cztery układy galerii — Slider, Grid, Modern, Anchor Navigation

Cztery układy pokrywają różne sposoby prezentacji obrazów produktu – od klasycznego pokazu slajdów po freestyle z dużym obrazem głównym. Każdy konfiguruje się osobno. Dzięki temu jeden sklep może używać innego układu dla różnych typów towaru.

• Gallery Slider – przewijany pokaz obrazów i wideo z układem poziomym lub pionowym, nieskończoną pętlą, regulowaną czułością przesuwania na ekranach dotykowych, efektem slide lub fade oraz miniaturami nawigacyjnymi.
• Gallery Grid – siatka pokazująca wiele zdjęć naraz, z możliwością wyłączenia obrazu wyróżnionego, zoomem o regulowanej sile, podpisami i lightboxem przewijanym w poziomie.
• Gallery Modern – układ freestyle z jednym dużym obrazem głównym i miniaturami pod spodem, dowolną liczbą zdjęć, swobodnym pozycjonowaniem oraz opcją głównego wideo (featured video).
• Gallery Anchor Navigation – przewijana galeria z bocznym menu kotwic, gdzie kliknięcie punktu przeskakuje do konkretnego zdjęcia; sprawdza się przy produktach z wieloma ujęciami i obsługuje zoom oraz featured video.

Galeria wideo na stronie produktu

Galeria wideo osadza filmy z YouTube, Vimeo lub plików self-hosted bezpośrednio obok zdjęć produktu, w proporcjach 16:9. Materiał dodaje się w edytorze produktu przez blok „Jet Product Gallery Video”.

Odtwarzaniem steruje autoodtwarzanie, zapętlenie, wyciszenie oraz wygląd nakładki i przycisku play. Nowsze wydania rozszerzyły tę warstwę o zaawansowane kontrolki pozycji wideo w widgetach, dynamiczne miniatury wideo dla układów Slider i Anchor Navigation oraz kontrolki odtwarzacza dopasowane do dostawcy – osobno dla YouTube, Vimeo i plików własnych.

Zoom, lightbox i obrazy wariantów

Zoom, lightbox i obrazy wariantów przybliżają prezentację towaru do oglądania w sklepie stacjonarnym. Zoom powiększa obraz po najechaniu kursorem (zoom-on-hover) z regulowaną siłą w zakresie około 1–2x, więc detale i fakturę widać z bliska.

Lightbox otwiera zdjęcie w wyskakującym oknie z całym zestawem kontrolek: tryb pełnoekranowy, dodatkowy zoom, udostępnianie społecznościowe, licznik obrazów, strzałki nawigacyjne, podpisy, własny przycisk wywołujący oraz opcja „Show on Hover”.

Galeria obrazów wariantów wyświetla inny zestaw zdjęć w zależności od wybranego wariantu – na przykład koloru lub rozmiaru. Kompatybilność z typami produktów variable i variable-subscription pojawiła się w wersji 2.1.18 (sierpień 2024). Obrazom można też nadać efekty animacji: Hover, Zoom, Flip, Swap i Rollover.

Źródła obrazów i dynamiczne galerie JetProductGallery

JetProductGallery pobiera obrazy nie tylko z galerii produktu WooCommerce, ale też z Custom Post Types, Content Types, stron opcji (Options Pages), galerii dodawanych ręcznie oraz pól dynamicznych JetEngine przez Dynamic Tags. Te same widgety galerii działają więc również poza klasycznym kontekstem produktowym – na przykład w serwisach rezerwacyjnych czy katalogach obiektów.

Obrazy z produktów WooCommerce i galerii ręcznych

Podstawowe źródło obrazów to galeria produktu WooCommerce – wtyczka czyta zdjęcia przypisane do danego produktu i prezentuje je w wybranym układzie. Obok tego galerię można zbudować z ręcznie dobranego zestawu zdjęć z biblioteki mediów (Manual Select / Custom Manual Uploads), niezależnie od galerii produktu.

To rozdzielenie przydaje się, gdy galeria ma pokazać inny zestaw obrazów niż domyślny albo gdy treść nie jest klasycznym produktem WooCommerce.

Dynamiczne źródła z JetEngine i Custom Post Types

JetEngine odblokowuje dynamiczne wypełnianie galerii – obrazy mogą pochodzić z pól galerii w meta-danych, ze stron opcji lub z Custom Content Types, pobierane przez Dynamic Tags. Wystarczy zbudować jeden szablon galerii i zasilać go danymi z dowolnego typu treści.

Obsługa Custom Post Types i Options Pages jako źródeł obrazów pojawiła się w wersji 2.0 i otworzyła zastosowania poza sklepem – od katalogów obiektów po serwisy prezentujące galerie wpisów innych niż produkty.

Scenariusze użycia JetProductGallery

JetProductGallery sprawdza się w sklepach z produktami wizualnymi – odzieżą, meblami, biżuterią – gdzie klient ogląda towar z wielu ujęć, korzystając z zoomu, lightboxa i obrazów wariantów. Obsługuje też prezentacje wideo produktów wymagających demonstracji oraz różne układy galerii przypisane do różnych kategorii w połączeniu z JetWooBuilder.

Sklepy z produktami wizualnymi i wariantowymi

W sklepie odzieżowym czy z wyposażeniem wnętrz decyzja zakupowa zależy od tego, jak dobrze klient zobaczy produkt. Układy Gallery Anchor Navigation lub Gallery Modern pokazują wiele zdjęć naraz, zoom przybliża fakturę materiału, a lightbox otwiera obrazy na pełnym ekranie.

Przy produktach wariantowych galeria obrazów wariantów podmienia zestaw zdjęć po wyborze koloru lub rozmiaru – zamiast pokazywać jeden statyczny komplet dla wszystkich opcji.

Produkty wymagające demonstracji wideo

Część towaru trudno wyjaśnić samym zdjęciem – gadżety kuchenne, oprogramowanie, meble do montażu, kosmetyki. Gallery Slider z osadzonym wideo YouTube, Vimeo lub self-hosted pokazuje produkt w działaniu, z filmem umieszczonym w jednej galerii obok zdjęć.

Wideo dodaje się blokiem „Jet Product Gallery Video” w edytorze produktu, bez instalowania osobnej wtyczki do osadzania filmów.

Różne układy galerii per kategoria i galerie poza sklepem

W połączeniu z JetWooBuilder powstają osobne szablony strony produktu z różnymi widgetami galerii dla różnych kategorii – na przykład siatka dla odzieży i slider dla elektroniki. Każda kategoria dostaje wtedy układ dopasowany do swojego asortymentu.

Dzięki obsłudze Custom Post Types i galerii ręcznych te same widgety działają poza klasycznym sklepem. W serwisie wynajmu czy rezerwacji galeria prezentuje zdjęcia obiektów pobierane z CPT, z lightboxem i wybranym układem.

Integracje JetProductGallery z ekosystemem Crocoblock

JetProductGallery integruje się natywnie z JetWooBuilder, który buduje szablon strony pojedynczego produktu i osadza w nim widgety galerii zamiast domyślnej galerii Woo. JetEngine odblokowuje dynamiczne źródła obrazów przez Dynamic Tags, a JetStyleManager odpowiada za stylowanie bloków galerii w edytorze Gutenberg. W Elementorze style są dostępne natywnie w panelu widgetu.

JetWooBuilder i szablon strony produktu

JetWooBuilder tworzy szablon strony pojedynczego produktu (Single), w którym zamiast domyślnej galerii WooCommerce staje widget galerii JetProductGallery. To naturalny sposób wdrożenia wtyczki na stronie produktu – szablon buduje się przez panel Crocoblock w sekcji Woo Page Builder.

Takie podejście daje pełną kontrolę nad układem całej strony produktu, nie tylko samej galerii, i pozwala różnicować szablony między kategoriami.

JetEngine i JetStyleManager

JetEngine jest opcjonalny, ale odblokowuje dynamiczne źródła obrazów – galerie zasilane przez Dynamic Tags z pól meta, opcji i Custom Content Types. Bez niego galeria działa na obrazach produktu WooCommerce i galeriach ręcznych.

JetStyleManager pełni rolę w edytorze Gutenberg: style bloków galerii konfiguruje się przez tę wtyczkę, podczas gdy w Elementorze opcje wyglądu są wbudowane wprost w panel widgetu.

Dla jakich projektów JetProductGallery sprawdza się najlepiej

JetProductGallery sprawdza się najlepiej w sklepach WooCommerce zbudowanych na Elementorze (zwłaszcza z JetWooBuilder), w sklepach z produktami wizualnymi i wariantowymi oraz u agencji już korzystających z ekosystemu Crocoblock. Słabiej dopasowuje się do sklepów na innych builderach niż Elementor i Gutenberg oraz do bardzo prostych sklepów, którym wystarcza domyślna galeria Woo.

Sklepy WooCommerce na Elementorze i w ekosystemie Crocoblock

Dla kogo JetProductGallery sprawdza się najlepiej:

• sklepy WooCommerce zbudowane na Elementorze, szczególnie te używające JetWooBuilder do szablonów stron produktów;
• sklepy z produktami wizualnymi – odzież, meble, biżuteria, wystrój wnętrz – gdzie liczy się prezentacja z wielu ujęć;
• sklepy potrzebujące wideo na stronie produktu bez instalowania osobnej wtyczki do osadzania filmów;
• sklepy z produktami wariantowymi, które wymagają różnych zestawów zdjęć dla wariantów;
• agencje i twórcy pracujący w ekosystemie Crocoblock, korzystający już z JetEngine i JetWooBuilder.

Dla kogo JetProductGallery nie jest najlepszym wyborem

Dla kogo JetProductGallery nie jest najlepszym wyborem:

• sklepy na innych builderach niż Elementor lub Gutenberg – wtyczka dostarcza widgety Elementora i bloki Gutenberga, bez potwierdzonego wsparcia Bricks, Divi czy WPBakery;
• witryny nieoparte na WordPress i WooCommerce – produkt działa wyłącznie w tym środowisku;
• bardzo proste sklepy z jednym lub dwoma zdjęciami na produkt, którym wystarcza domyślna galeria Woo;
• projekty unikające zależności od ekosystemu Crocoblock – pełnia funkcji zakłada JetWooBuilder, a dynamiczne źródła obrazów wymagają JetEngine.

Wymagania techniczne i kompatybilność

JetProductGallery wymaga PHP 8.1 lub nowszego, MySQL 5.6+, limitu pamięci WordPress 768 MB oraz certyfikatu SSL na serwerze, zgodnie z wymaganiami platformy Crocoblock JetPlugins. Wtyczka działa z aktualnymi wersjami WordPress i WooCommerce, w edytorach Elementor (wystarcza wersja Free) oraz Gutenberg, i pozostaje w pełni responsywna z obsługą gestów dotykowych.

Crocoblock podaje wspólne wymagania środowiskowe dla całej platformy JetPlugins i obejmują one także tę wtyczkę. Producent nie wskazuje minimalnej wersji WordPress ani WooCommerce dla JetProductGallery, więc punktem odniesienia są aktualne wydania obu platform.

Wtyczka dostarcza widgety dla Elementora i bloki dla Gutenberga – tylko w tych dwóch edytorach działa galeria. Dla innych builderów, takich jak Bricks, Divi czy WPBakery, brak potwierdzonego wsparcia, więc na tych edytorach wtyczka nie jest naturalnym wyborem.

Wtyczka jest opisywana i recenzowana po polsku w polskich serwisach poświęconych JetPlugins, z ustaloną polską terminologią funkcji – „galeria produktów dla WooCommerce”, „siatka”, „suwak” i „kotwica” galerii oraz „galeria obrazów wariantów”.