--- site_name: Toret.cz site_description: WooCommerce pluginy pro české a slovenské prostředí site_url: https://toret.cz contact_email: info@toret.cz title: Přidávání obrázků a galerií produktu url: https://toret.cz/woo/pridavani-obrazku-a-galerii-produktu/ date: 2022-05-30 modified: 2025-07-25 author: Barbora Cirklová type: dokumentace --- # Přidávání obrázků a galerií produktu 30. 5. 2022 Obrázky se měří a nastavují v pixelech, například 800 x 800 pixelů. První číslo je šířka a druhé je výška. Doporučujeme uspořádat obrázky do offline složky a zálohovat je pro případ, že je budete v budoucnu znovu potřebovat v původní verzi. ## Druhy obrázků WooCommerce používá pro různá umístění a účely tři typy obrázků produktů: **Obrázek produktu** je největší obrázek a odkazuje na hlavní/doporučený obrázek na stránce s podrobnostmi o produktu. --- **Katalogové obrázky** jsou středně velké obrázky, které se zobrazují na stránce Obchod, na stránkách kategorií, u souvisejících produktů a u produktů navyšovacího a doplňkového prodeje. --- **Náhledy obrázků** jsou nejmenší obrázky požívané v košíku, widgetech a (volitelně) v galeriích pod obrázkem produktu. --- ## Přidávání obrázků a galerií produktu Přidání obrázků a galerií produktu je možné na pravé straně při přidávání nebo editaci produktu na kartě **WooCommerce > Produkty**. ![přidání jednoduchého produktu](https://toret.cz/wp-content/uploads/2022/02/Pridani-obrazku-a-galerie.png "Přidání obrázku a galerie") ## Obrázek produktu **Obrázek produktu** je hlavním obrázkem produktu, který se v různých velikostech zobrazuje napříč obchodem. Vyberte **Nastavit obrázek produktu**. ![přidání jednoduchého produktu](https://toret.cz/wp-content/uploads/2022/02/obrazek-produktu.png "obrázek produktu") Vyberte existující obrázek z knihovny médií nebo nahrajte nový. ![přidání jednoduchého produktu](https://toret.cz/wp-content/uploads/2022/02/Nahrany-obrazek-produktu.png "Nahraný obrázek produktu") **Odeberte a upravte** obrázek produktu, pokud jej chcete změnit nebo smazat. Přidávání, odebírání a úpravy obrázků produktů fungují stejně jako u obrázků příspěvků. ## Galerie produktu ### Přidání obrázků do galerie produktu Galerie produktu obsahuje všechny obrázky připojené k produktu prostřednictvím meta boxu Galerie produktu. **Galerie produktu** se vytváří stejným způsobem jako se přidává obrázek produktu, ale pomocí meta boxu Galerie produktu. ![přidání jednoduchého produktu](https://toret.cz/wp-content/uploads/2022/02/galerie-produktu.png "galerie produktu") ### Uspořádání obrázků v galerii produktu Obrázky v galerii produktu lze snadno seřadit přetažením. Pořadí můžete změnit jednoduše tak, že na položku kliknete a přetáhnete ji. ![přidání jednoduchého produktu](https://toret.cz/wp-content/uploads/2022/02/usporadani-obrazku-v-galerii.png "uspořádání obrázků v galerii") ### Odebrání obrázků z galerie produktu Chcete-li odebrat obrázek z galerie produktu, najeďte kurzorem na obrázek a klikněte na červené „x“. ![přidání jednoduchého produktu](https://toret.cz/wp-content/uploads/2022/02/odebrani-obrazku-z-galerie.png "odebrání obrázku z galerie") ### Pohled očima zákazníka Jakmile přidáte obrázek a galerii produktu, zákazníci je v obchodě uvidí. ![přidání jednoduchého produktu](https://toret.cz/wp-content/uploads/2022/02/pohled-ocima-zakaznika.png "pohled očima zákazníka") Obrázek je možné si přiblížit a podívat se na jeho detail tak, že na něj najedete myší. ![přidání jednoduchého produktu](https://toret.cz/wp-content/uploads/2022/02/hover-zoom-image.gif "hover-zoom-image") Druhou možností je kliknout na lupu v pravém horním rohu. ![přidání jednoduchého produktu](https://toret.cz/wp-content/uploads/2022/02/priblizeni-nahledu.png "přiblížení náhledu") Poté se objeví Lightbox, kde zákazníci uvidí detailní obrázek na tmavém pozadí, a pokud je tato možnost dostupná, také galerie obrázků. ![přidání jednoduchého produktu](https://toret.cz/wp-content/uploads/2022/02/zoom-lightbox.gif "zoom-lightbox") Dotyková gesta fungují také na mobilních zařízeních. ## Časté dotazy ### Jaká je ideální velikost obrázku pro použití ve WooCommerce? Doporučujeme minimální velikost 800 (šířka) x 800 (výška) pixelů. Taková velikost je ideální pro hlavní obrázek, obrázek v katalogu i pro náhled. Větší obrázky jsou ještě lepší, obzvlášť pokud prodáváte zboží, které obsahuje důležité detaily. Je možné použít i obrázky s nižším rozlišením. Obrázky jsou však při prodeji a propagaci produktů a služeb online klíčovým nástrojem, proto by měly být ve vysoké kvalitě. ### Co se stane, když zapomenu nastavit velikost obrázku? WooCommerce automaticky nastaví velikost a vygeneruje obrázky, které zákazníci uvidí na webu. ### Co je WooCommerce Lightbox? Lightbox je funkce, která otevře obrázek na tmavém pozadí, čímž jej zvýrazní. ### Mohu Lightbox vypnout? Ano, viz: Jak zakázat WooCommerce 3.0x Lightbox. Mějte však na paměti, že toto přizpůsobení je nad rámec [naší podpory](https://toret.cz/podpora/) v souladu s našimi zásadami. ### Co ve WooCommerce znamená přiblížení obrázku (zoom)? ![přidání jednoduchého produktu](https://toret.cz/wp-content/uploads/2022/02/woocommerce-image-zoom.gif "woocommerce-image-zoom") Pokud se díváte na produkt a umístíte na něj kurzor, obrázek se přiblíží právě tam, kde se kurzor myši nachází. To se hodí při rychlém bližším zkoumání produktů, které mohou obsahovat důležité detaily. ### Mohu funkci zoom vypnout? Ano, samozřejmě. Mějte však na paměti, že toto přizpůsobení je nad rámec [naší podpory](https://toret.cz/podpora/) v souladu s našimi zásadami. Další informace naleznete v části Zakázání funkce WooCommerce Zoom. ### Jak nastavím rozměry obrázků ve vlastní šabloně? Pokud si vytváříte vlastní šablonu, můžete nakonfigurovat nastavení rozměrů obrázků automaticky. Použijte snippet z tohoto článku: Nastavení rozměrů obrázků ve vlastní šabloně. ### V nástroji WooCommerce Customizer nevidím nastavení obrázků produktu. - Používáte verzi WooCommerce starší než 3.3x. - Šablona tuto funkci nepodporuje. ←[WooCommerce Blocks](https://toret.cz/woo/woocommerce-blocks/) [Třídy dopravy](https://toret.cz/woo/tridy-dopravy/)→ ## Další příspěvky - ### [Nové funkce u Toret pluginů přidané v 2/2026](https://toret.cz/nove-funkce-u-toret-pluginu-pridane-v-2-2026/) [2. 3. 2026](https://toret.cz/nove-funkce-u-toret-pluginu-pridane-v-2-2026/) - ### [Doprava zásilek pod kontrolou: Tipy pro rychlejší odesílání a spokojenější zákazníky](https://toret.cz/doprava-zasilek-pod-kontrolou-tipy-pro-rychlejsi-odesilani-a-spokojenejsi-zakazniky/) [19. 2. 2026](https://toret.cz/doprava-zasilek-pod-kontrolou-tipy-pro-rychlejsi-odesilani-a-spokojenejsi-zakazniky/) - ### [Tlačítko pro odstoupení od smlouvy: Nová povinnost e‑shopařů je tady. Jak ji v e‑shopu snadno a rychle splnit?](https://toret.cz/tlacitko-pro-odstoupeni-od-smlouvy-nova-povinnost-e-shoparu-je-tady-jak-ji-v-e-shopu-snadno-a-rychle-splnit/) [12. 2. 2026](https://toret.cz/tlacitko-pro-odstoupeni-od-smlouvy-nova-povinnost-e-shoparu-je-tady-jak-ji-v-e-shopu-snadno-a-rychle-splnit/) - ### [Co čeká e-shopy v roce 2026: Změny v legislativě, o kterých byste měli vědět](https://toret.cz/co-ceka-e-shopy-v-roce-2026-zmeny-v-legislative-o-kterych-byste-meli-vedet/) [9. 2. 2026](https://toret.cz/co-ceka-e-shopy-v-roce-2026-zmeny-v-legislative-o-kterych-byste-meli-vedet/)