Jak zmienić zdjęcie główne produktu w PrestaShop i ustawić kolejność zdjęć

Gdzie zdjęcie główne pojawia się w sklepie

Okładka to więcej niż pierwsze zdjęcie w galerii. Specyfikacja PrestaShop o zdjęciach produktu na stronie sklepu opisuje, że to właśnie okładka trafia na listy produktów. Gdy produkt ma jedno zdjęcie, staje się ono okładką samo.

Jak zmienić zdjęcie główne krok po kroku

Instrukcja dotyczy nowej strony produktu w PrestaShop 8.1 i 9. W starszym układzie pola wyglądają podobnie, choć leżą w innych miejscach.

1. Otwórz Katalog → Produkty i kliknij nazwę produktu.
2. W pierwszej zakładce znajdź sekcję ze zdjęciami.
3. Kliknij miniaturę zdjęcia, które ma być główne. Otworzy się panel z jego ustawieniami.
4. Zaznacz opcję okładki. Poprzednia okładka przestanie nią być.
5. W tym samym panelu wpisz podpis zdjęcia, czyli tekst alternatywny dla Google i czytników ekranu.
6. Zapisz produkt.
7. Otwórz kategorię w sklepie w oknie prywatnym i sprawdź, czy na liście widać nowe zdjęcie.

Jeśli widzisz stare zdjęcie, wyczyść pamięć podręczną w Zaawansowane → Wydajność. Więcej o tym w tekście o tym, czemu w PrestaShop nie widać zmian.

Kolejność zdjęć i dodawanie nowych

Kolejność zmieniasz, przeciągając miniatury w sekcji zdjęć. Pierwsze miejsce zawsze zajmuje okładka. Nowe zdjęcia dodasz przyciskiem dodawania albo przeciągając pliki z komputera na pole zdjęć. Nowe zdjęcie trafia na koniec galerii.

Kilka zasad, które się sprawdzają:

• Okładka na jasnym, prostym tle. Na liście produktów zdjęcia stoją obok siebie, a różne tła wyglądają jak bałagan.
• Druga pozycja: produkt w użyciu. Klient po okładce chce zobaczyć skalę i zastosowanie.
• Zdjęcia wariantów przypisane do wariantów. W edycji wariantu wybierasz, które zdjęcia do niego należą. Bez tego klient po wyborze koloru dalej widzi inny kolor.
• Bez logo i napisów na okładce. Google w pomocy Merchant Center o atrybucie image_link odradza znaki wodne i obrazy z samym logo w zdjęciu głównym.

Google w poradniku o zdjęciach w wyszukiwarce radzi też, żeby każde zdjęcie miało opisowy tekst alternatywny. Uzupełnianie podpisów w wielu produktach opisujemy w tekście o altach zdjęć w PrestaShop.

Najczęstsze problemy ze zdjęciami produktu

Okładka zmieniła się sama po imporcie. Import z pliku CSV może dodać zdjęcia i ustawić okładkę według kolejności w pliku. Gdy dostawca podaje najpierw zdjęcie opakowania, to ono zostaje zdjęciem głównym. Przed kolejnym importem sprawdź kolejność adresów zdjęć w pliku. O imporcie piszemy w tekście o imporcie produktów z CSV.

Na liście produktów widać inne zdjęcie niż okładka. Zwykle to zdjęcie domyślnego wariantu. Gdy kolor domyślny ma przypisane własne zdjęcia, lista może pokazywać właśnie je. Zmień wariant domyślny albo zdjęcia przypisane do niego.

Zdjęcia są rozmazane albo przycięte. PrestaShop tworzy kilka rozmiarów każdego zdjęcia według ustawień motywu. Gdy wgrywasz zdjęcia za małe albo o innych proporcjach niż reszta, na liście produktów wyglądają gorzej. Wgrywaj zdjęcia o tych samych proporcjach, najlepiej kwadratowe.

W Zakupach Google dalej widać stare zdjęcie. Google odczytuje zdjęcia z danych produktu z opóźnieniem. Zmiana okładki w sklepie nie przenosi się do Merchant Center od razu.

Zdjęcia w wielu produktach naraz

Przy jednym produkcie wystarczy panel. Problem zaczyna się, gdy dostawca przysłał nowe zdjęcia dla całej serii albo po imporcie okładką zostało zdjęcie etykiety. Z modułem TellMyShop opisujesz, co chcesz zmienić, a Claude przygotowuje zmiany dla wszystkich produktów i pokazuje je w podglądzie.

Ty

W serii Kubki Nordic okładką jest zdjęcie kartonu. Ustaw jako główne zdjęcie samego kubka, karton przesuń na koniec.

Claude

Seria ma 8 produktów. W 6 okładką jest zdjęcie z nazwą pliku „karton”, a zdjęcie kubka jest drugie. Podgląd dla pierwszego produktu:

było: okładka: kubek-nordic-szary-karton.jpg

będzie: okładka: kubek-nordic-szary.jpg

było: kolejność: karton, kubek, w użyciu

będzie: kolejność: kubek, w użyciu, karton

Ty

Dobrze. A w dwóch pozostałych?

Claude

Tam okładką już jest kubek, zostawiam je bez zmian. Pokażę podgląd dla 6 produktów, zapiszę po twoim „tak”.

Nazwy i liczby w przykładzie są przykładowe. Claude sprawdza zdjęcia po danych, które widzi w sklepie, np. nazwach plików i podpisach. Gdy nie da się ustalić, które zdjęcie przedstawia sam produkt, pyta.

W darmowej wersji TellMyShop Free Claude znajdzie produkty bez zdjęć i pokaże zdjęcia oraz ich podpisy w danym produkcie, ale niczego nie zmieni. W TellMyShop Pro dodaje zdjęcia z adresów, ustawia okładkę i kolejność, usuwa zbędne zdjęcia i uzupełnia podpisy. To obszar Katalog, który działa od razu po aktywacji licencji. Przykłady próśb są w zastosowaniach zdjęcia produktu: dodanie, kolejność, zmiana głównego, produkty bez zdjęć, EAN albo producenta i opisy setek zdjęć dla Google.

Każda zmiana ma podgląd i trafia do historii zmian. Większość zmian cofniesz jednym poleceniem, ale usuniętego zdjęcia lepiej nie kasować bez kopii pliku u siebie. Plany są w cenniku, a więcej poradników o karcie produktu na blogu.