Galeria mediów - zdjęcia i filmy

Galeria zdjęć i filmów (YouTube, Vimeo, MP4) z trybem siatki lub karuzeli, lightboxem i zaawansowanymi opcjami wideo per element.

Dlaczego Twoim klientom to się spodoba?

Zdjęcia to za mało - klienci coraz częściej oczekują dynamicznych prezentacji wideo. Moduł Galeria mediów pozwala połączyć zdjęcia, filmy z YouTube i Vimeo oraz pliki MP4 w jednej, spójnej galerii - bez potrzeby osadzania zewnętrznych widżetów i bez kodowania.

Możesz pokazać produkt z każdej strony: w galerii siatki lub przesuwanej karuzeli, z możliwością powiększenia w lightboxie. Filmy pionowe (Shorts, Reels) i poziome - każdy element galerii ma własne ustawienia odtwarzania.

Jakie posiada możliwości?

Galeria mediów to kompletne rozwiązanie do prezentacji zdjęć i filmów w sklepie Shoper:

• - Obsługa zdjęć i filmów w jednej galerii - YouTube, Vimeo i bezpośrednie linki MP4,
• - Format wideo per element: poziomy (16:9) lub pionowy (9:16) idealny dla Shorts i Reels,
• - Dwa niezależne tryby autoodtwarzania per element: na kafelku (MP4 inline lub YouTube/Vimeo embedded) i w lightboxie (uruchamiany przy otwarciu i nawigacji),
• - Automatyczne generowanie miniatur dla plików MP4 - klatka z początku wideo generowana przy ładowaniu strony i cachowana w sessionStorage przeglądarki na czas sesji,
• - Wyciszenie, zapętlenie i natywne kontrolki wideo - konfigurowalnie per element,
• - Tryb siatki z konfigurowalną liczbą kolumn dla telefonu, tabletu, laptopa i desktopu,
• - Tryb karuzeli Splide z konfigurowalnymi liczbami widocznych elementów, strzałkami, kropkami paginacji i autoplay,
• - Lightbox - kliknięcie otwiera powiększone zdjęcie lub odtwarza film w nakładce,
• - Nawigacja lightboxa: pasek miniatur (3 rozmiary), paginacja kropkowa z podglądem lub brak,
• - Automatyczne pobieranie miniatur filmów YouTube po podaniu URL,
• - 6 proporcji kafelków: auto, 1:1, 4:3, 16:9, 3:2, 3:4,
• - Efekt powiększenia przy najechaniu myszą,
• - Pełna szerokość (full-bleed) - galeria rozciąga się na całą szerokość ekranu,
• - Przypisanie do produktów, kategorii, kolekcji, producentów, stron informacyjnych i wpisów bloga.
• - własny identyfikator HTML (kotwica do przewijania strony) oraz własna klasa CSS do niestandardowego stylowania.

Korzyści dla Ciebie (Sprzedawcy)

Moduł daje Ci pełną kontrolę nad prezentacją mediów bez angażowania programisty:

• - Jedna galeria dla zdjęć i filmów: nie musisz osobno osadzać filmów z YouTube - dodajesz je do galerii jak zwykłe elementy,
• - Filmy pionowe (Shorts / Reels): wklej link do YouTube Shorts i wybierz format Pionowy - film wyświetli się w proporcjach 9:16 zarówno w galerii jak i w lightboxie,
• - Autoodtwarzanie na kafelku i w lightboxie: dwie niezależne opcje per element - film może automatycznie grać w tle na kafelku (MP4 lub YouTube/Vimeo) i osobno startować po otwarciu lightboxa,
• - Automatyczne miniatury MP4: pliki MP4 nie wymagają ręcznego przygotowania miniatur - klatka z początku wideo generowana jest automatycznie przy ładowaniu galerii i cachowana w przeglądarce na czas sesji,
• - Przypisanie per strona: możesz mieć różne galerie na różnych produktach lub kategoriach - jeden moduł obsługuje wiele konfiguracji.

Co zyska Twój klient?

Klienci Twojego sklepu zyskają bogatsze doświadczenie zakupowe:

• - Lepsza prezentacja produktów: filmy instruktażowe i prezentacyjne bezpośrednio na stronie produktu,
• - Wygodny lightbox: kliknięcie elementu otwiera powiększenie lub odtwarza film bez opuszczania strony,
• - Obsługa treści pionowych: Shorty i Reelsy wyświetlane poprawnie w proporcjach 9:16,
• - Szybkie ładowanie: miniatury YouTube ładowane automatycznie z CDN Google, miniatury MP4 generowane z klatki wideo przy ładowaniu galerii - żadnej z nich nie trzeba uploadować ręcznie.

Jak to działa? (3 proste kroki)

Krok 1: Instalacja: Zainstaluj moduł z Shoper AppStore i umieść go w edytorze layoutu na wybranej stronie (strona produktu, kategoria, strona informacyjna i inne).

Krok 2: Konfiguracja: W ustawieniach modułu dodaj elementy galerii - dla każdego wybierz typ (zdjęcie lub film), wklej URL lub wgraj zdjęcie, ustaw format wideo, autoodtwarzanie, wyciszenie i inne opcje per element.

Krok 3: Działa automatycznie: Galeria renderuje się automatycznie na wybranych stronach. Miniatury YouTube i MP4 generowane są automatycznie - nie musisz ich przygotowywać ręcznie.

Najczęściej zadawane pytania (FAQ)

Czy mogę dodać film z YouTube Shorts lub Instagram Reels?
Tak - wklej link do YouTube Shorts i wybierz format "Pionowy (Shorts / Reels)" - film wyświetli się w proporcjach 9:16 zarówno w siatce jak i w lightboxie.

Jak dodać plik MP4 do galerii?
Wgraj plik MP4 do Shoper (Treść - Pliki), skopiuj link i wklej go w polu "URL wideo". Miniatura generowana jest automatycznie z pierwszej klatki wideo - nie trzeba jej przygotowywać ręcznie. Możesz też włączyć autoodtwarzanie (osobno na kafelku i w lightboxie), wyciszenie i zapętlenie dla każdego elementu.

Czy galeria działa na urządzeniach mobilnych?
Tak - galeria jest w pełni responsywna. W trybie siatki możesz ustawić osobną liczbę kolumn dla telefonu, tabletu, laptopa i desktopu.

Dodatkowe informacje

Moduł jest przeznaczony do szablonu Storefront.

Instrukcja modułu

Jeśli chcesz zobaczyć jakie inne aplikacje/moduły aktualnie oferujemy w sprzedaży w sklepie shoper - kliknij tutaj

Działanie przedstawionego modułu można zobaczyć w demo naszego szablonu Avant Storefront oraz można kupić gotowy szablon z wieloma innymi modułami dostępnymi w cenie szablonu.

Demo szablonu Avant Storefront