Jak změnit hlavní obrázek produktu v PrestaShopu a nastavit pořadí obrázků
Hlavní obrázek produktu v PrestaShopu změníte tak, že otevřete produkt v Katalog → Produkty a kliknete na obrázek, který má být hlavní. V panelu obrázku zaškrtnete volbu titulního obrázku a produkt uložíte. Pořadí ostatních obrázků změníte přetažením náhledů. Hlavní obrázek se ukazuje v seznamu produktů, v košíku a jako první v galerii.
Autor: Tým TellMyShop. Průvodce pro majitele obchodů na PrestaShopu: příčina, ruční oprava a stejná práce v rozhovoru v chatu.
Naposledy aktualizováno: · 5 min čtení
Kde se hlavní obrázek v e-shopu zobrazuje
Titulní obrázek je víc než první obrázek v galerii. Specifikace PrestaShopu k obrázkům produktů na webu vysvětluje, že právě titulní obrázek jde do seznamů produktů. Když má produkt jediný obrázek, stane se titulním automaticky.
| Místo | Který obrázek | Co to znamená |
|---|---|---|
| Seznam produktů v kategorii | titulní | tento obrázek rozhoduje, zda zákazník klikne |
| Vyhledávání a našeptávač v e-shopu | titulní | produkt na něm musí být dobře vidět |
| Stránka produktu | nejdřív titulní, pak ostatní v pořadí | pořadí galerie nastavíte přetažením |
| Kombinace produktu (např. barva) | obrázky přiřazené ke kombinaci | po výběru barvy zákazník vidí její obrázky |
| Košík a potvrzení objednávky | titulní nebo obrázek kombinace | zákazník si ověří, že vybral správný produkt |
| Google Nákupy | obvykle titulní, předaný v datech produktu | obrázek musí splňovat požadavky Googlu |
Jak změnit hlavní obrázek krok za krokem
Tento postup platí pro novou stránku produktu v PrestaShopu 8.1 a 9. Ve starším rozvržení vypadají pole podobně, jen jsou na jiných místech.
- Otevřete Katalog → Produkty a klikněte na název produktu.
- Na první záložce najděte sekci obrázků.
- Klikněte na náhled obrázku, který má být hlavní. Otevře se panel s jeho nastavením.
- Zaškrtněte volbu titulního obrázku. Předchozí titulní obrázek přestane být titulní.
- Ve stejném panelu vyplňte popisek obrázku, tedy alternativní text pro Google a čtečky obrazovky.
- Uložte produkt.
- Otevřete kategorii v e-shopu v anonymním okně a zkontrolujte, že seznam ukazuje nový obrázek.
Pokud vidíte starý obrázek, vymažte mezipaměť v Rozšířené parametry → Výkon. Víc o tom v článku proč se změny v PrestaShopu neprojevují.
Pořadí obrázků a přidávání nových
Pořadí změníte přetažením náhledů v sekci obrázků. První místo patří vždy titulnímu obrázku. Nové obrázky přidáte tlačítkem pro přidání nebo přetažením souborů z počítače do oblasti obrázků. Nový obrázek se zařadí na konec galerie.
Pár pravidel, která se osvědčila:
- Titulní obrázek na světlém jednolitém pozadí. V seznamu produktů stojí obrázky vedle sebe a různá pozadí působí neuspořádaně.
- Druhá pozice: produkt v použití. Po titulním obrázku chce zákazník vidět velikost a použití.
- Obrázky kombinací přiřazené ke kombinacím. Při úpravě kombinace vyberete, které obrázky k ní patří. Bez toho zákazník, který vybere barvu, dál vidí jinou barvu.
- Na titulním obrázku žádná loga ani text. Google v nápovědě Merchant Center k atributu image_link nedoporučuje jako hlavní obrázek vodoznaky ani obrázky jen s logem.
Návod Googlu k obrázkům ve vyhledávání také doporučuje popisný alternativní text u každého obrázku. Vyplňování popisků u mnoha produktů popisujeme v článku o alt textu obrázků v PrestaShopu.
Nejčastější problémy s obrázky produktů
Titulní obrázek se po importu změnil sám. Import z CSV umí přidat obrázky a nastavit titulní obrázek podle pořadí v souboru. Pokud dodavatel uvede jako první fotku obalu, stane se hlavním obrázkem právě ona. Před dalším importem zkontrolujte pořadí adres obrázků v souboru. Import rozebíráme v článku o importu produktů z CSV.
Seznam produktů ukazuje jiný obrázek než titulní. Obvykle jde o obrázek výchozí kombinace. Když má výchozí barva přiřazené vlastní obrázky, seznam může ukazovat právě je. Změňte výchozí kombinaci, nebo obrázky, které jsou k ní přiřazené.
Obrázky jsou rozmazané nebo oříznuté. PrestaShop z každého obrázku vytváří několik velikostí podle nastavení šablony. Když nahrajete příliš malé obrázky nebo obrázky s jinými proporcemi než ostatní, vypadají v seznamu produktů hůř. Nahrávejte obrázky se stejnými proporcemi, ideálně čtvercové.
Google Nákupy pořád ukazují starý obrázek. Google čte obrázky z dat produktu se zpožděním. Změna titulního obrázku v e-shopu se do Merchant Center nepromítne hned.
Obrázky u mnoha produktů najednou
Pro jeden produkt stačí administrace. Potíž nastane, když dodavatel pošle nové obrázky pro celou řadu, nebo když import nechá jako titulní obrázek fotku etikety. S modulem TellMyShop popíšete, co chcete změnit, a váš chat (Claude nebo ChatGPT) připraví změny pro všechny produkty a ukáže je v náhledu.
Vy: V řadě hrnků Nordic je titulním obrázkem fotka krabice. Nastav jako hlavní obrázek fotku samotného hrnku a krabici přesuň na konec.
Váš chat: Řada má 8 produktů. U 6 je titulním obrázkem soubor s „box“ v názvu a fotka hrnku je druhá. Náhled pro první produkt:
Vy: Dobře. A co ty zbylé dva?
Váš chat: Tam je titulním obrázkem už hrnek, takže je nechám beze změny. Ukážu náhled pro 6 produktů. Uložím po vašem „ano“.
Stav karty: čeká na vaše „ano“stará verze: titulní: nordic-mug-grey-box.jpg
nová verze: titulní: nordic-mug-grey.jpg
stará verze: pořadí: krabice, hrnek, v použití
nová verze: pořadí: hrnek, v použití, krabice
Názvy a čísla v příkladu jsou ilustrační. Chat kontroluje obrázky podle dat, která v e-shopu vidí, například podle názvů souborů a popisků. Když nepozná, který obrázek ukazuje samotný produkt, zeptá se.
V bezplatném TellMyShop Free chat najde produkty bez obrázků a ukáže obrázky a jejich popisky u vybraného produktu, ale nic nemění. V TellMyShop Pro přidává obrázky z adres, nastavuje titulní obrázek a pořadí, odebírá nepotřebné obrázky a vyplňuje popisky. Jde o oblast Katalog, která funguje hned po aktivaci licence. Ukázkové požadavky najdete v případech použití obrázky produktu: přidání, pořadí, změna hlavního, produkty bez obrázků, EAN nebo značky a popisy stovek obrázků pro Google.
Každá změna má náhled a zapisuje se do historie změn. Většinu změn můžete vrátit zpět jedním pokynem, ale obrázek nemažte, dokud si sami neuložíte kopii souboru. Tarify najdete v ceníku a další návody ke stránce produktu na blogu.
Otázky a odpovědi
Co je titulní obrázek (cover) produktu v PrestaShopu?
Titulní obrázek je hlavní obrázek produktu. PrestaShop ho ukazuje v seznamu produktů v kategorii, ve vyhledávání, v košíku a jako první na stránce produktu. Produkt má vždy jeden titulní obrázek.
Změnil jsem titulní obrázek, ale e-shop pořád ukazuje starý. Proč?
Nejčastěji jde o mezipaměť e-shopu nebo prohlížeče. Vymažte mezipaměť v Rozšířené parametry → Výkon a obnovte stránku v anonymním okně. U produktů s kombinacemi zkontrolujte také, že výchozí kombinace nemá přiřazený jiný obrázek.
Záleží na pořadí obrázků pro Google?
Hlavní obrázek obvykle jde do dat produktu a do souboru pro Google Merchant Center, takže právě on zastupuje produkt v Google Nákupech. Pořadí ostatních obrázků je důležité hlavně pro zákazníka, který prochází galerii.
Musím po změně titulního obrázku přegenerovat náhledy?
Obvykle ne. PrestaShop vytváří náhledy při nahrání obrázku. Přegenerování je potřeba jen po změně velikostí obrázků v nastavení nebo po změně šablony.
Umí chat přidat obrázky z odkazů od dodavatele?
Ano, v TellMyShop Pro. Chat přidá obrázky z adres, nastaví titulní obrázek a pořadí a před uložením ukáže náhled. Jde o oblast Katalog, která funguje hned po aktivaci licence.
PrestaShop je registrovaná ochranná známka společnosti PrestaShop SA. Claude je ochranná známka společnosti Anthropic PBC. ChatGPT a OpenAI jsou ochranné známky společnosti OpenAI. TellMyShop s těmito společnostmi není propojen.