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.
Galeria Produktu PrestaShop: Zoom HD, Pełny Ekran i Filtr WariantówGaleria produktu nowej generacji: zoom HD, pionowe miniatury, pełny ekran mobile z gestem szczypania i filtrowanie zdjęć według wariantu.€69,00
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.
Moduł Galeria Produktu dla PrestaShop 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ęć.