3D i AR (PLUS)

Mediaverse integruje komponent webowy <model-viewer> od Google, żeby renderować modele 3D bezpośrednio wewnątrz galerii produktu. Na wspieranych urządzeniach mobilnych klienci mogą również uruchomić widok AR, który umieszcza model w ich realnym otoczeniu przez kamerę telefonu.

Obsługiwane formaty

glTF (.gltf + tekstury, lub binarny .glb)

GLB jest zalecany do użytku produkcyjnego — pojedynczy plik, mniejszy payload, łatwiejszy do hostowania.

Jak dodać model 3D

Otwórz produkt → zakładka Media.
Wgraj plik .glb lub .gltf do biblioteki mediów. (Może być potrzebne zezwolenie na to rozszerzenie w ustawieniach mediów.)
W bocznym panelu Mediaverse znajdź kartę 3D & AR.
Użyj Add source, żeby załączyć plik modelu.
Opcjonalnie wgraj obraz poster, który pokaże się podczas ładowania modelu.
Zapisz produkt.

Zachowanie w storefroncie

Model renderuje się z placeholderem “Load 3D Model” do momentu interakcji klienta (zależnie od trybu ładowania). Gdy aktywny:

Przeciągaj, żeby obrócić model
Pinch / scroll, żeby zoomować
Na urządzeniach mobilnych z obsługą AR pojawia się przycisk AR, żeby umieścić model w realnym otoczeniu klienta

Konfiguracja globalna

W Settings → Plugins → Mediaverse → 3D & AR strona konfiguracji ma zakładki:

General — tryb ładowania (auto / lazy / eager / manual), poster, pole widzenia, mapa środowiska, cień
AR — włączenie AR / skala / tryb hit-test
Staging & Camera — orbita kamery, oświetlenie, ekspozycja

Wartości domyślne per strona są podzielone na zakładki Product Details Page, Cover / Product Listing i Shopping Experiences.

AR (Augmented Reality)

Na urządzeniach mobilnych obsługujących AR (nowoczesne iPhone’y z iOS Quick Look, telefony Android ze Scene Viewer) w rogu przeglądarki pojawia się mały przycisk AR. Naciśnięcie otwiera widok AR, gdzie klient może umieścić model w swoim pokoju przez kamerę.

AR jest funkcją pasywną — nie potrzebuje dodatkowej integracji. Po prostu wgraj dobrze przygotowany model GLB, a przeglądarka zajmie się resztą.