# Jak pokazywać tylko zdjęcia wybranego wariantu w PrestaShop

> Powiązanie zdjęcia z kombinacją istnieje natywnie, ale nie decyduje o zachowaniu galerii: decyduje motyw. Trzy możliwe zachowania, niezbędny mechanizm awaryjny i pułapka wielu atrybutów.

- Strona: <https://www.datafirefly.com/pl/2026/09/14/zdjecia-wybranego-wariantu-prestashop/>
- Język: pl
- Opublikowano: 2026-09-14
- Zaktualizowano: 2026-09-14
- Inne języki: [fr](https://www.datafirefly.com/2026/09/14/images-declinaison-selectionnee-prestashop/index.md), [en](https://www.datafirefly.com/en/2026/09/14/images-selected-variant-prestashop/index.md), [es](https://www.datafirefly.com/es/2026/09/14/imagenes-variante-seleccionada-prestashop/index.md), [de](https://www.datafirefly.com/de/2026/09/14/bilder-gewaehlte-variante-prestashop/index.md), [it](https://www.datafirefly.com/it/2026/09/14/immagini-variante-selezionata-prestashop/index.md), [nl](https://www.datafirefly.com/nl/2026/09/14/afbeeldingen-geselecteerde-variant-prestashop/index.md), [pt](https://www.datafirefly.com/pt/2026/09/14/imagens-variante-selecionada-prestashop/index.md)
- Indeks: <https://www.datafirefly.com/pl/2026/llms.txt>

Klient, który wybiera kolor zielony i dalej widzi zdjęcia modelu czerwonego, nie ma powodu ufać temu, co zamawia. Oczekiwane zachowanie jest oczywiste, ale PrestaShop nie zapewnia go sam z siebie.

## Jak PrestaShop wiąże zdjęcia z wariantami

Mechanizm istnieje natywnie. W zakładce kombinacji produktu każdą kombinację można powiązać z jednym lub kilkoma zdjęciami z karty.

Dwa ograniczenia tłumaczą, dlaczego w wielu sklepach to nie działa zgodnie z oczekiwaniami.

Powiązanie jest **całkowicie ręczne**, zdjęcie po zdjęciu i kombinacja po kombinacji. Przy produkcie z piętnastoma wariantami i dwunastoma zdjęciami zajmuje to dużo czasu i nikt nie robi tego w skali całego katalogu.

Przede wszystkim powiązanie nie decyduje o **zachowaniu galerii**. W zależności od motywu wybór wariantu może przefiltrować zdjęcia, zmienić tylko jedno albo nie zrobić nic. Decyduje motyw, nie powiązanie.

## Trzy możliwe zachowania

**Nie zmieniać nic.** Wszystkie zdjęcia pozostają widoczne niezależnie od wyboru. To zachowanie najczęstsze i najgorsze: klient musi zgadywać, które odpowiadają jego wyborowi.

**Zmieniać zdjęcie główne.** Zdjęcie okładkowe przeskakuje na zdjęcie wariantu, miniatury zostają bez zmian. Zachowanie pośrednie, akceptowalne przy produktach z małą liczbą zdjęć.

**Filtrować galerię.** Widoczne pozostają tylko zdjęcia przypisane do wybranego wariantu. Tego oczekują klienci i to ogranicza zwroty.

Warto rozważyć czwarte zachowanie: filtrować, ale zostawić na końcu galerii zdjęcia wspólne dla wszystkich wariantów, w rodzaju rysunku technicznego albo zbliżenia materiału.

## Warianty bez zdjęć

Sytuacja nieunikniona, gdy katalog rośnie: nowy kolor powstaje, zanim zrobiono zdjęcia.

Ścisłe filtrowanie daje wtedy pustą galerię, co jest o wiele gorsze niż brak filtrowania. Zachowanie awaryjne musi być jasno określone: jeśli do wybranego wariantu nie przypisano żadnego zdjęcia, galeria pokazuje wszystkie zdjęcia produktu.

Przewidź też kontrolę w panelu administracyjnym, która wylistuje kombinacje bez przypisanego zdjęcia. To zadanie na pięć minut w miesiącu, które oszczędza tygodni z popsutymi kartami produktów.

## Pułapka wielu atrybutów

Punkt projektowy decydujący o wykonalności całości.

Produkt w pięciu kolorach i sześciu rozmiarach ma trzydzieści kombinacji. Zdjęcia różnią się jednak tylko kolorem: rozmiar M i rozmiar L modelu zielonego korzystają z tych samych ujęć.

Przypisanie zdjęć do trzydziestu kombinacji oznacza pięciokrotne powtórzenie tej samej pracy dla każdego koloru. Właściwe podejście polega na przypisaniu zdjęć do **atrybutu wizualnego**, a nie do pełnej kombinacji, i pozostawieniu reszty systemowi.

Konkretnie reguła brzmi: wskaż atrybut lub atrybuty, które zmieniają wygląd, zwykle kolor i czasem materiał, i przypisuj tylko na nich.

## Spójność w pozostałych miejscach

Galeria na karcie produktu to nie jedyne miejsce, którego to dotyczy, i właśnie o tym zapomina się najczęściej.

Na **liście kategorii**, jeśli oferujesz kropki kolorów po najechaniu kursorem, miniatura musi podążać za wskazanym kolorem.

W **szybkim podglądzie** zachowanie musi być identyczne jak na karcie, inaczej klient zauważy niespójność między dwoma widokami.

W **koszyku i e-mailach o zamówieniu** zdjęcie musi dotyczyć zamówionego wariantu, a nie okładki produktu. To szczegół, który oszczędza reklamacji w stylu «to nie jest to, co zamówiłem».

## Wydajność

Filtrowanie zdjęć po stronie przeglądarki zakłada, że wszystkie zostały załadowane. Przy produkcie z czterdziestoma zdjęciami rozłożonymi na ośmiu kolorach to spory ciężar dla klienta, który zobaczy tylko pięć.

Dwa rozwiązania. **Opóźnione ładowanie** zdjęć niewyświetlanych, które pobiera je dopiero, gdy stają się widoczne. Albo **ładowanie na żądanie** przy zmianie wariantu, które oszczędza więcej, ale dokłada zauważalną zwłokę.

W większości katalogów opóźnione ładowanie wystarczy i jest prostsze w utrzymaniu.

## Zoom i tryb pełnoekranowy

Ostatni punkt spójności: widok powiększony musi być filtrowany tak samo jak galeria. Klient, który otwiera pełny ekran na jednym kolorze i przewija do wszystkich pozostałych, traci zaufanie, które filtrowanie właśnie zbudowało.

obsługuje cały ten łańcuch na PrestaShop 8 i 9: filtrowanie zdjęć według wybranego wariantu z trybem awaryjnym, gdy żadne zdjęcie nie jest przypisane, spójność między galerią, zoomem i pełnym ekranem oraz opóźnione ładowanie niewyświetlanych ujęć.
