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

Ostatnia aktualizacja: 24 kwietnia 2024

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. Za pomocą strzałek kupujący może przeglądać miniatury wszystkich zdjęć produktu
Galeria zdjęć produktowych w karcie produktu
Rys 1. Za pomocą strzałek kupujący może przeglądać miniatury wszystkich zdjęć produktu

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.

Galeria zdjęć produktowych w karcie produktu
Rys 2. Po najechaniu kursorem na miniaturę zdjęcia kupujący zobaczy jego powiększenie
Galeria zdjęć produktowych w karcie produktu
Rys 2. Po najechaniu kursorem na miniaturę zdjęcia kupujący zobaczy jego powiększenie

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.

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)
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
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

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)
Galeria zdjęć produktowych w widoku mobilnym
Rys 4. Zdjęcia produktów w widoku mobilnym przesuwasz gestami palców
Galeria zdjęć produktowych w widoku mobilnym
Rys 4. Zdjęcia produktów w widoku mobilnym przesuwasz gestami palców

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?
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