Hlavní obrázek produktu ve WooCommerce a pořadí galerie: krátký návod

Kde se který obrázek objevuje?

Hlavní obrázek pracuje na více místech než galerie, takže se vyplatí vybrat ho záměrně, ne vzít první záběr z focení.

Tři velikosti obrázků a nastavení ořezu popisuje WooCommerce v dokumentaci k obrázkům a galeriím produktů. Google ve specifikaci odkazu na obrázek produktu žádá, aby hlavní obrázek jasně ukazoval prodávaný produkt a další záběry šly do doplňkových obrázků.

Jak změnit hlavní obrázek a uspořádat galerii

Jeden produkt změníte v administraci za pár minut.

1. Otevřete Produkty, Všechny produkty a upravte produkt.
2. V pravém sloupci najděte box Obrázek produktu. Klikněte na současný obrázek nebo na odkaz pro jeho nastavení.
3. Vyberte obrázek z knihovny médií nebo nahrajte nový. Když už tam jste, napište alt text, krátký popis toho, co je na obrázku.
4. Níže, v boxu Galerie produktu, přidejte další obrázky. Několik jich vyberete najednou podržením Ctrl nebo Cmd.
5. Přetáhněte náhledy galerie do pořadí, ve kterém je má zákazník vidět.
6. Klikněte na Aktualizovat a otevřete stránku produktu v anonymním okně, abyste ji viděli jako zákazník.

Pořadí galerie, které obvykle funguje: produkt na bílém pozadí, produkt při použití, detail (šev, textura, zapínání), měřítko nebo rozměry, balení. První obrázek odpovídá na otázku „co to je“, další na otázky, které by zákazník položil v kamenném obchodě.

Který obrázek má být hlavní? Takový, který i jako malý náhled v seznamu řekne, o jaký produkt jde. Samotný produkt, bez balení, na světlém klidném pozadí, celý a uprostřed. V rámci kategorie držte jeden výřez a jeden poměr stran, protože seznam se směsí výšky, šířky a aranžovaných záběrů působí neuspořádaně. Záběry s modelem, aranžované scény a detaily si nechte do galerie.

U variabilního produktu dejte obrázek každé variantě, která vypadá jinak, obvykle každé barvě. Otevřete kartu Varianty, rozbalte variantu a klikněte na ikonu obrázku vedle ní. Velikosti stejné barvy mohou sdílet jeden obrázek.

Alt text pište konkrétně: „černá mikina s kapucí, pohled z boku“, bez nacpaných klíčových slov. Víc o tom říkáme v článku o alt textu ve WordPressu a Google to popisuje v příručce o SEO obrázků.

Špatný obrázek v seznamu, i když stránka produktu je v pořádku?

Nejčastěji za to může ořez, mezipaměť nebo varianta. Projděte tyto tři věci postupně.

• Ořez náhledů. Ve Vzhled, Přizpůsobit, WooCommerce, Obrázky produktů je nastavení poměru stran náhledů. Čtverec ořízne obrázky na výšku. Po změně WooCommerce náhledy na pozadí přegeneruje, což u velkého katalogu chvíli trvá.
• Mezipaměť. Plugin mezipaměti nebo hosting může ukazovat starý seznam. Ověřte to v anonymním okně a případně mezipaměť vymažte. Víc v článku o tom, proč se změny ve WordPressu neprojevují.
• Varianta s vlastním obrázkem. U variabilního produktu nahradí obrázek zvolené varianty ten hlavní. Pokud má varianta starý obrázek, zákazník vidí starý obrázek.

Pokud se u článků na blogu neukazuje žádný obrázek, je to jiné téma. Náhledový obrázek u příspěvků rozebíráme v samostatném článku o náhledovém obrázku ve WordPressu.

Jak změnit obrázky u mnoha produktů najednou

Na jeden produkt stačí administrace. Když dodavatel pošle nové produktové fotky pro 80 produktů, nebo má po importu polovina katalogu jako hlavní obrázek balení, znamená to mnoho večerů klikání.

Plugin TellMyShop pro WordPress a WooCommerce propojí váš obchod s chatem. V TellMyShop Free chat najde produkty bez hlavního obrázku a obrázky bez alt textu a ukáže vám seznam. Nic neukládá.

V TellMyShop Pro chat mění obrázky v dávkách až po 50 produktech. Nastaví hlavní obrázek z knihovny médií nebo z veřejné adresy, přidá a odebere obrázky galerie, uspořádá jejich pořadí a napíše alt texty. U varianty nastaví jeden obrázek varianty. Funguje to hned po aktivaci licence, bez přepínačů.