Twój pierwszy film

Ten przewodnik dodaje pierwszy film do produktu. Osadzimy film z YouTube — ten sam flow działa dla Vimeo, TikTok, Dailymotion, Facebook i G-Core.

Zanim zaczniesz

Plugin jest zainstalowany i aktywowany (Instalacja).
Masz produkt do testów.

Krok 1 — Otwórz zakładkę mediów produktu

Przejdź do Catalogue → Products i otwórz dowolny produkt.
Przełącz się na zakładkę Media.

Dla zaznaczonego wpisu mediów override Mediaverse udostępnia w formularzu mediów produktu następujące karty:

File — standardowa referencja media Shopware
Embed Video — zewnętrzny URL filmu (YouTube, Vimeo itp.)
Local Video — konfiguracja wideo HTML5
Hotspots — punkty interaktywne (PRO)
360° Panorama — przeglądarka panoramicznych obrazów (PLUS)
3D & AR — przeglądarka modeli 3D (PLUS)

Wypełniasz tylko tę kartę, która pasuje do rodzaju medium, jakie dodajesz.

Krok 2 — Wklej URL z YouTube

Kliknij przycisk Add wewnątrz karty Embed Video.
Wklej URL z YouTube (https://www.youtube.com/watch?v=... lub krótki youtu.be/…).
Mediaverse rozpoznaje URL jako YouTube i automatycznie pobiera miniaturę.

Krok 3 — Skonfiguruj odtwarzanie

Wpis medium ma trzy zakładki najwyższego poziomu:

General — karty powyżej (File / Embed Video / Local Video / Hotspots / 360° Panorama / 3D & AR)
Other languages — overrides per język
Settings — opcje odtwarzania, podzielone wewnętrznie na zagnieżdżone zakładki Product details page i Product listings

Przełącz się na Settings i skonfiguruj odtwarzanie na odpowiedniej zagnieżdżonej zakładce: autoplay, muted, loop, controls, play inline, start / end time, theme i tak dalej. Użyj przełącznika Use default settings, żeby wrócić do wartości globalnych skonfigurowanych w Settings → Plugins → Mediaverse.

Krok 4 — Zapisz i podejrzyj

Kliknij Save u góry strony produktu.
Otwórz produkt w storefroncie — film pojawi się w galerii z nakładką play. Kliknij, żeby odtworzyć.

Co się stało pod maską

Plugin zapisał typ źródła, URL, referencję miniatury i opcje odtwarzania wewnątrz customFields wiersza product-media.
Storefrontowe szablony Twig wykrywają metadane Mediaverse i renderują element <iframe> (dla osadzeń) lub <video> (dla HTML5) zamiast zwykłego obrazu.
Jeśli tryb RODO jest włączony, iframe jest zablokowany za promptem zgody na cookies, dopóki klient nie zaakceptuje plików cookie stron trzecich.

Następne kroki

Użyj filmu jako product listing cover, żeby był automatycznie odtwarzany w siatkach kategorii.
Wstaw blok P2Lab Mediaverse na stronę Shopping Experience (Shopping Experiences).
Wypróbuj panoramę 360° lub model 3D (Panorama 360° / 3D & AR — PLUS).
Zbuduj Carousel lub Slider jako blok CMS (Karuzela i Slider — PRO).