Obrázek produktu a galerie produktu

Obrázek produktu je v eshopu jedna z nedůležitějších částí, protože zákazník se dost často rozhoduje „očima“.

WooCommerce v tomto případě používá mechnismu náhledových obrázku, jenž je ve WordPressu všeobecně známý. Kromě náhledového obrázku však umožňuje navíc vytvořit galerii produktu.

Obrázek produktu můžeme najít ve výpisu produktů a na jeho detailu. Nejprve se podíváme na detail produktu.

Obrázek produktu v detailu produktu

Ve výchozím zobrazení detailu produktu se obrázek zobrazuje v levé polovině obsahu, jenž je pro zobrazení detailu produktu určen.

Jak můžete vidět, v pravé části jsou informace, jenž se k produktu vztahují a v levé části je velký obrázek a pod ním malé náhledy.

Velký obrázek je „náhledový obrázek“ a zadává se v adminstraci produktu, v metaboxu na pravé straně:

Jakmile je vložen, je automaticky zobrazován ve výpisech produktů a to jak v administraci, kde je vidět u každého produktu malý náhled:

a zároveň ve výpisu produktů, ať se již jedná o vypis kategorie, štítku, nebo stránku obchodu:

Galerie produktu

Na rozdíl od „náhledového obrázku“, kdy je obrázek přiřazen postu, funguje galerie produktu trochu jinak.

Vytváří se také v metaboxu, ne pravé straně administrace produktu:

Kdy v mediích nahráváte a přidáváte další obrázky do galerie. Pokud podržíte shift, můžete jich kliknutím označit více a vložit je do galerie zároveň:

WooCommerce si pak uloží id těchto souborů do custom fieldu, se kterým dále pracuje a zobrazuje všechny obrázky, jako součást galerie:

Na frontendu to pak vypadá následovně:

Existují pluginy, jenž toto zobrazení mění do carouselu, takže náhledy nejsou takto pod sebou. Osobně to ale mám raději takto a navíc, když se jedná o obrázky variant, je to velmi přehledné.

Příště se podíváme na recenze produktu.

About The Author

Zajímá mne Wordpress, responsivní šablony a zkrátka vše kolem tohoto skvělého redakčního systému.

Související články

2 Comments

  1. Pingback: Obrázek produktu a galerie produktu | Tvorba webů, tvorba webových stránek a eshopů.

  2. Ing Norek

    Dobrý večer.
    Ďakujem za návody ktoré dávate. Ako začínajúci eshopár ich veľmi ocením. Ale v tomto článku som narazil na problém ktorý neviem vyriešiť. Pridal som do galérie pbrázky. Ale ak pozriem detail produktu a kliknem na niektorý z nich pod náhľadovým obrázkom tak sa mi nezmení náhľadový obrázok ale preklikne sa na celú stránku. Neviete čo môžem mať zle nastavené?

    Odpověď

Přidejte komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *