PrestaShop Design i nawigacja

Widok Produktu 360° PrestaShop: Przeglądarka Spin z Sekwencji Zdjęć

Interaktywny widok produktu 360° z sekwencji zdjęć: obrót przez przeciąganie myszą i dotykiem, automatyczne odtwarzanie, pełny ekran i lazy loading.

Pozwól klientom obracać produkt o 360°: płynna przeglądarka spin zbudowana z prostej sekwencji zdjęć, bez ingerencji w Twój motyw.

W skrócie
  • Obrót przez przeciąganie myszą i dotykiem z bezwładnością, zbudowany z sekwencji zdjęć 360°
  • Automatyczne odtwarzanie, pełny ekran, licznik klatek i nawigacja klawiaturą
  • Lazy loading: klatki ładują się, gdy przeglądarka pojawia się na ekranie
  • Zarządzanie klatkami drag and drop: import wielu plików, zmiana kolejności, podgląd, automatyczne skalowanie
  • PrestaShop 8 i 9, zero override, jedna sekwencja na produkt per sklep, vanilla JS bez jQuery
PrestaShop 8 i 9 Mysz i dotyk Autoplay Pełny ekran Lazy loading
  • Zwrot w 30 dni
  • 12 miesięcy aktualizacji
  • Wsparcie 24 h
www.datafirefly.com/pl/
Przeglądarka 360 stopni obracająca produkt na karcie produktu PrestaShop
v1.0.0 · zaktualizowano 2026-07-16
Co robi

W skrócie.

01

Obrót reagujący na gest

Przeglądarka opiera się na Pointer Events: odwiedzający przeciąga produkt myszą lub palcem, aby go obrócić, z regulowaną czułością i naturalną bezwładnością na końcu gestu. Obrót pozostaje płynny na urządzeniach mobilnych i na komputerze, bez zależności od jQuery ani biblioteki zewnętrznej.

02

Automatyczne odtwarzanie i pełny ekran

Sekwencja może uruchamiać się sama w ciągłym obrocie, z konfigurowalną prędkością, przyciskiem odtwarzania i pauzy oraz licznikiem klatek. Tryb pełnoekranowy powiększa produkt do szczegółowej inspekcji, a strzałki klawiatury i spacja sterują obrotem. Ustawienie automatycznego odtwarzania może być globalne lub nadpisane per sekwencja.

03

Zarządzanie klatkami bez tarcia

W panelu administracyjnym przypisujesz sekwencję do produktu przez natychmiastowe wyszukiwanie, a następnie upuszczasz wszystkie zdjęcia za jednym razem w strefie drop. Są sortowane po nazwie pliku, importowane partiami z paskiem postępu, przestawiane metodą drag and drop i usuwane pojedynczo. Podgląd odtwarza obrót przed publikacją.

04

Zaprojektowany z myślą o szybkości karty produktu

Zdjęcia sekwencji pobierane są dopiero wtedy, gdy przeglądarka wchodzi w widoczny obszar, dzięki obserwatorowi przecięcia, z paskiem postępu podczas wstępnego ładowania. Zbyt szerokie klatki są automatycznie skalowane przy imporcie według konfigurowalnej szerokości maksymalnej, dla kontrolowanej wagi i ostrego renderowania.

Wersja pełna

Wszystko, co warto wiedzieć, zanim zainstalujesz.

Szczegółowe spojrzenie na to, jak działa Widok Produktu 360° PrestaShop: Przeglądarka Spin z Sekwencji Zdjęć, dlaczego zbudowaliśmy go w ten sposób i jaka myśl stoi za powyższymi funkcjami.

§ 01

Widok 360° bez studia i bez formatu własnościowego

Nie potrzebujesz skanera 3D ani egzotycznego formatu pliku: widok 360° to po prostu seria zdjęć wykonanych dookoła produktu, zwykle na stole obrotowym. Robisz 24, 36, 48 lub 72 równomiernie rozmieszczone ujęcia, w tym samym kadrze i oświetleniu, nazywasz je w kolejności, a przeglądarka odtwarza obrót. Moduł zajmuje się importem, sortowaniem, skalowaniem i wyświetlaniem, Ty zachowujesz kontrolę nad sesją zdjęciową.

§ 02

Naturalna interakcja na każdym ekranie

Zbudowana na Pointer Events przeglądarka traktuje mysz i dotyk w ten sam sposób. Odwiedzający chwyta produkt i obraca go w wybranym kierunku; na końcu gestu bezwładność przedłuża obrót i stopniowo go wyhamowuje. Czułość reguluje się tak, aby pasowała do liczby klatek sekwencji. Na klawiaturze strzałki przesuwają obraz klatka po klatce, a spacja uruchamia lub wstrzymuje automatyczne odtwarzanie.

§ 03

Szybki domyślnie, dyskretny dla Twojego motywu

Zdjęcia pobierane są dopiero wtedy, gdy przeglądarka staje się widoczna na ekranie, co nie obciąża początkowego ładowania karty produktu. Pasek postępu informuje odwiedzającego podczas wstępnego ładowania, po czym obrót staje się dostępny. Przy imporcie każda klatka szersza niż zdefiniowany limit jest skalowana po stronie serwera, dla kontrolowanej wagi bez utraty ostrości. Moduł nie nadpisuje żadnego szablonu: wpina się przez wybrany przez Ciebie hook wyświetlania.

§ 04

Panel administracyjny zaprojektowany do szybkiej pracy

Z dedykowanej zakładki katalogu tworzysz sekwencję, znajdujesz produkt przez natychmiastowe wyszukiwanie po nazwie, indeksie lub identyfikatorze, a następnie upuszczasz wszystkie zdjęcia jednym gestem. Są sortowane po nazwie pliku, aby zachować kolejność sesji zdjęciowej, importowane partiami z paskiem postępu, następnie przestawiane metodą drag and drop i usuwane pojedynczo. Przycisk podglądu odtwarza obrót bezpośrednio w administracji, zanim opublikujesz.