Możliwości galerii zdjęć w widoku mobilnym oraz desktop

Data publikacji: 2 kwietnia 2024 Ostatnia aktualizacja: 21 października 2024

Zastosowanie modułu galerii zdjęć w sklepie Shoper

Moduł galerii na stronie głównej produktu prezentuje zdjęcie główne produktu i wyświetlone poziomo, bezpośrednio pod nim pozostałe zdjęcia w formie miniatur.

Jeżeli zdjęć w galerii jest więcej, możesz je przesuwać za pomocą: strzałek nawigacyjnych (dostępnych również w widoku mobilnym).

Galeria zdjęć produktowych w karcie produktu
Rys 1. Widok strzałek nawigacyjnych do przesuwania zdjęć produktu na jego karcie.
Galeria zdjęć produktowych w karcie produktu
Rys 1. Widok strzałek nawigacyjnych do przesuwania zdjęć produktu na jego karcie.

Po najechaniu kursorem na wybraną miniaturę zobaczysz jej podgląd w oknie głównym galerii. Podgląd zdjęcia lub miniatury dodatkowo możesz zbliżyć kursorem na szczegół, w oknie głównym galerii.

Front sklepu internetowego > Galeria zdjęć produktowych
Rys 2. Podgląd miniatury zdjęcia w główny oknie galerii produktu.
Front sklepu internetowego > Galeria zdjęć produktowych
Rys 2. Podgląd miniatury zdjęcia w główny oknie galerii produktu.

Galerię zdjęć możesz również uruchomić w: przeglądaniu pełnoekranowym, wystarczy kliknąć na dowolne zdjęcie z galerii. Zdjęcie w widoku pełnoekranowym dopasowuje się automatycznie:

  • jeżeli zdjęcie jest duże, wypełnia maksymalnie ekran względem krótszego boku,
  • jeżeli zdjęcie jest małe, otwiera się do swojego maksymalnego rozmiaru.

Sugerowana wielkość zdjęć w galerii produktu to: 1000 px w przypadku dłuższego boku.

Jakie elementy galerii zdjęć są widoczne na desktopie?

Elementy galerii po powiększeniu zdjęcia na karcie produktu w widoku: desktop (na monitorach).

  • Numer zdjęcia w kolejności galerii oraz nazwa (ALT) zdjęcia, nadana w edycji opisu zdjęcia na karcie produktu (A)
  • Opcja kopiowania bezpośredniego linku do konkretnego zdjęcia w galerii produktu (B)
  • Zamknięcie galerii zdjęć produktu (C)
  • Cofnięcie do poprzedniego zdjęcia w galerii (myszką lub strzałką w lewo na klawiaturze) (D)
  • Przejście do kolejnego zdjęcia w galerii (myszką lub strzałką w prawo na klawiaturze) (E)
Front sklepu internetowego Shoper > Galeria zdjęć w karcie produktu w trybie pełnoekranowym
Rys 3. Galeria w trybie pełnoekranowym pozwala na swobodne przeglądanie zdjęć w powiększeniu.
Front sklepu internetowego Shoper > Galeria zdjęć w karcie produktu w trybie pełnoekranowym
Rys 3. Galeria w trybie pełnoekranowym pozwala na swobodne przeglądanie zdjęć w powiększeniu.

Kluczowe funkcje galerii zdjęć produktu w wersji mobilnej

Elementy galerii po powiększeniu zdjęcia na karcie produktu w widoku: mobilnym.

  • Numer zdjęcia w kolejności galerii (A)
  • Opcja kopiowania bezpośredniego linku do konkretnego zdjęcia w galerii produktu (B)
  • Zamknięcie galerii zdjęć produktu (C)
Front sklepu internetowego Shoper > Galeria zdjęć produktowych w widoku mobilnym
Rys 4. Przykład działania galerii produktu wyświetlanej na urządzeniu mobilnym.
Front sklepu internetowego Shoper > Galeria zdjęć produktowych w widoku mobilnym
Rys 4. Przykład działania galerii produktu wyświetlanej na urządzeniu mobilnym.

Zdjęcia w galerii widoku mobilnego przeglądasz przesuwając je palcami w prawo lub lewo (swipe left / right). Możesz je również powiększać i zmniejszać dwoma palcami (pinchout / pinchin), co daje powiększenie do około +20%, lub klikając 2x w ekran (double tap) powiększyć do maksymalnego rozmiaru i w ten sam sposób pomniejszyć.

Powiązane artykuły nt. galerii zdjęć produktów w Shoper

Mogą zainteresować Cię również poniższe artykuły Centrum pomocy na temat galerii zdjęć produktów:

Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Jak wygląda najnowsza galeria zdjęć na karcie produktu?
  • Jakie artykuły zawierają inne przydatne informacje o galerii zdjęć produktów?
Czy ten artykuł był pomocny?
Tak
Nie
Dziękujemy za odpowiedź!
Udostępnij artykuł:

Przetestuj sklep internetowy
przez 14 dni za darmo

Korzystaj ze wszystkich funkcji oprogramowania za darmo i bez zobowiązań.

Testuj wszystkie funkcje przez 14 dni bez zobowiązań. Zakładając sklep poprzez podanie
adresu e-mail akceptujesz nasz Regulamin i Politykę Prywatności