![\"woo-produkty-zobrazeni\"](\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/10\/woo-produkty-zobrazeni.jpg\")
<\/a><\/figure><\/div>\n\n\nStr\u00e1nky obchodu a produkt\u016f<\/strong><\/h2>\n\n\n\nNastaven\u00ed str\u00e1nky obchodu a produkt\u016f obsahuje n\u00e1sleduj\u00edc\u00ed polo\u017eky:<\/p>\n\n\n\n
\n- Str\u00e1nka obchodu<\/li>\n\n\n\n
- Zobrazen\u00ed str\u00e1nky obchodu<\/li>\n\n\n\n
- V\u00fdchoz\u00ed zobrazovan\u00e1 rubrika<\/li>\n\n\n\n
- V\u00fdchoz\u00ed t\u0159\u00edd\u011bn\u00ed produkt\u016f<\/li>\n\n\n\n
- Chov\u00e1n\u00ed p\u0159i p\u0159id\u00e1n\u00ed do ko\u0161\u00edku<\/li>\n<\/ul>\n\n\n\n
![\"woo-produkty-zobrazeni-2\"](\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/10\/woo-produkty-zobrazeni-2.jpg\")
<\/a><\/figure><\/div>\n\n\nStr\u00e1nka obchodu<\/strong><\/h2>\n\n\n\nP\u0159i instalaci WooCommerce, se automaticky vytvo\u0159\u00ed v\u00fdchoz\u00ed str\u00e1nka obchodu. Je to v podstat\u011b v\u00fdpis produkt\u016f, ale nen\u00ed to kategorie produktu. Proto je v\u00fdpis realizov\u00e1n pomoc\u00ed shortcodu, kter\u00fd je obsahem str\u00e1nky. Vy se m\u016f\u017eete rozhodnout, \u017ee pou\u017eijete jinou str\u00e1nku, ne\u017e tu defaultn\u00ed a zde to m\u016f\u017eete zm\u011bnit. Vybran\u00e1 str\u00e1nka by m\u011bla obsahovat p\u0159\u00edslu\u0161n\u00fd shortcode.<\/p>\n\n\n
\n![\"woo-produkty-zobrazeni-4\"](\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/10\/woo-produkty-zobrazeni-4.jpg\")
<\/a><\/figure><\/div>\n\n\nZobrazen\u00ed str\u00e1nky obchodu a v\u00fdchoz\u00ed zobrazov\u00e1n\u00ed rubriky<\/h2>\n\n\n\n
Tato dv\u011b nastaven\u00ed jsou identick\u00e1, prvn\u00ed se t\u00fdk\u00e1 str\u00e1nky obchodu a druh\u00e9 je pro v\u00fdpis kategorie.<\/p>\n\n\n\n
WooCommerce m\u00e1 ve v\u00fdpisu produktu, mo\u017enost zobrazovat kategorie obchodu. V p\u0159\u00edpad\u011b, \u017ee se jedn\u00e1 o v\u00fdpis kategorie, zobrazuje na prvn\u00edch m\u00edstech, m\u00edsto produkt\u016f, n\u00e1hledy a odkazy na podkategorie.<\/p>\n\n\n\n
\n- zobrazit produkty – ve v\u00fdpisu budou jen produkty<\/li>\n\n\n\n
- zobrazit kategorie – ve v\u00fdpisu budou jen podkategorie<\/li>\n\n\n\n
- zobrazit oboj\u00ed – na prvn\u00edch m\u00edstech v\u00fdpisu budou podkategorie, n\u00e1sleduj\u00ed produkty<\/li>\n<\/ul>\n\n\n\n
![\"woo-produkty-zobrazeni-5\"](\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/10\/woo-produkty-zobrazeni-5.jpg\")
<\/a><\/figure><\/div>\n\n\nV\u00fdchoz\u00ed t\u0159\u00edd\u011bn\u00ed produkt\u016f<\/strong><\/h2>\n\n\n\nVe v\u00fdpis produkt\u016f, najdete na prav\u00e9 stran\u011b, roletku, pomoc\u00ed n\u00ed\u017e m\u016f\u017eete se\u0159adit produkty. V tomto nastaven\u00ed ur\u010d\u00edte, podle \u010deho se m\u00e1 \u0159adit v\u00fdchoz\u00ed v\u00fdpis, po na\u010dten\u00ed str\u00e1nky.<\/p>\n\n\n
\n![\"woo-produkty-zobrazeni-6\"](\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/10\/woo-produkty-zobrazeni-6.jpg\")
<\/a><\/figure><\/div>\n\n\nChov\u00e1n\u00ed, p\u0159i p\u0159id\u00e1v\u00e1n\u00ed do ko\u0161\u00edku<\/strong><\/h2>\n\n\n\nToto nastaven\u00ed m\u00e1 jen dva checkboxy<\/p>\n\n\n\n
\n- P\u0159esm\u011brov\u00e1n\u00ed do ko\u0161\u00edku po p\u0159\u00edd\u00e1n\u00ed produktu<\/li>\n\n\n\n
- AJAX tla\u010d\u00edtka“p\u0159idat do ko\u0161\u00edku“, ve v\u00fdpisu produkt\u016f.<\/li>\n<\/ul>\n\n\n\n
Prvn\u00ed nastaven\u00ed vynut\u00ed p\u0159esm\u011brov\u00e1n\u00ed do ko\u0161\u00edku, poka\u017ed\u00e9, kdy\u017e p\u0159id\u00e1te produkt. Pokud je vypnut\u00e9, z\u016fst\u00e1v\u00e1te na str\u00e1nce produktu.<\/p>\n\n\n\n
Druh\u00e9, AJAX na tla\u010d\u00edtku ve v\u00fdpisu produkt\u016f, umo\u017en\u00ed pou\u017e\u00edt efekt p\u0159id\u00e1n\u00ed, bez p\u0159esm\u011brov\u00e1n\u00ed str\u00e1nky.<\/p>\n\n\n
\n![\"woo-produkty-zobrazeni-7\"](\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/10\/woo-produkty-zobrazeni-7.jpg\")
<\/a><\/figure><\/div>\n\n\nNastaven\u00ed obr\u00e1zk\u016f produktu<\/h2>\n\n\n\n
Toto nastaven\u00ed, definuje velikost n\u00e1hledov\u00fdch obr\u00e1zk\u016f pro eshop. Jsou to tyto t\u0159i:<\/p>\n\n\n\n
\n- Z\u00e1kladn\u00ed obr\u00e1zek – to je velk\u00fd obr\u00e1zek na detailu produktu<\/li>\n\n\n\n
- Obr\u00e1zek ve v\u00fdpisu produkt\u016f – to je men\u0161\u00ed obr\u00e1zek, zobrazovan\u00fd v kategori\u00edch<\/li>\n\n\n\n
- Katalog n\u00e1hled\u016f – to je nejmen\u0161\u00ed obr\u00e1zek, zobrazuj\u00edc\u00ed se pod hlavn\u00edm obr\u00e1zkem produktu, nebo se pou\u017e\u00edv\u00e1 nap\u0159\u00edklad ve widgetech<\/li>\n<\/ul>\n\n\n\n
Nastaven\u00ed vpad\u00e1 takto:<\/p>\n\n\n
\n![\"woo-produkty-zobrazeni-3\"](\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/10\/woo-produkty-zobrazeni-3.jpg\")
<\/a><\/figure><\/div>\n\n\nJak m\u016f\u017eete vid\u011bt, u ka\u017ed\u00e9ho typu obr\u00e1zku, jsou t\u0159i polo\u017eky:<\/p>\n\n\n\n
\n- \u0161\u00ed\u0159ka<\/li>\n\n\n\n
- v\u00fd\u0161ka<\/li>\n\n\n\n
- druh o\u0159ezu<\/li>\n<\/ul>\n\n\n\n
Druh o\u0159ezu je zde asi nejd\u016fle\u017eit\u011bj\u0161\u00ed polo\u017ekou.<\/p>\n\n\n\n
O n\u00e1hledov\u00fdch obr\u00e1zc\u00edch jsem psal zde http:\/\/musilda.cz\/nahledove-obrazky-ve-wordpressu\/<\/a><\/p>\n\n\n\nV podstat\u011b sta\u010d\u00ed dodr\u017eovat jedno pravidlo – obr\u00e1zek by m\u011bl b\u00fdt v\u017edy v\u011bt\u0161\u00ed, ne\u017e nastaven\u00ed rozm\u011bry obr\u00e1zku produktu.<\/p>\n\n\n\n
Tvrd\u00fd o\u0159ez (hard crop) v\u017edy zmen\u0161\u00ed obr\u00e1zek na nejbli\u017e\u0161\u00ed pou\u017eitelnou \u0161\u00ed\u0159ku\/v\u00fd\u0161ku a zbytek o\u0159\u00edzne. Obr\u00e1zek m\u00e1 tak st\u00e1le stejn\u00fd rozm\u011br.<\/p>\n\n\n\n
Ob\u010das se stane, v\u011bt\u0161inou u oble\u010den\u00ed, kdy je obr\u00e1zek vy\u0161\u0161\u00ed, \u017ee chyb\u00ed hlavy, \u010di nohy postav. To je ne\u017e\u00e1douc\u00ed.<\/p>\n\n\n\n
V tomto p\u0159\u00edpad\u011b vypneme tvrd\u00fd o\u0159ez a jednu stranu, v\u011bt\u0161inou to b\u00fdv\u00e1 v\u00fd\u0161ka, nastav\u00edme na co nejv\u011bt\u0161\u00ed \u010d\u00edslo. 9999 je dostate\u010dn\u00e1 hodnota.<\/p>\n\n\n\n
V tuto chv\u00edli se obr\u00e1zek zmen\u0161\u00ed na nejmen\u0161\u00ed pou\u017eiteln\u00fd rozm\u011br, nyn\u00ed je to \u0161\u00ed\u0159ka a proto\u017ee nen\u00ed nastaven tvrd\u00fd o\u0159ez, ponech\u00e1 v\u00fd\u0161ku bez \u00fapravy. T\u00edm doc\u00edl\u00edte spr\u00e1vn\u00e9ho zobrazen\u00ed obr\u00e1zk\u016f, jen\u017e nejsou \u010dtvercov\u00e9. Je v\u0161ak d\u016fle\u017eit\u00e9, aby m\u011bly obr\u00e1zky stejn\u00fd rozm\u011br, jinak bude ka\u017ed\u00fd jinak vysok\u00fd.<\/p>\n\n\n\n
V dal\u0161\u00edm d\u00edle se pod\u00edv\u00e1me na nastaven\u00ed skladu.<\/p>\n\n\n\n
P\u0159edchoz\u00ed \u010dl\u00e1nky:<\/strong><\/p>\n\n\n\n\n- Co d\u00e1l po instalaci WooCommerce<\/a><\/li>\n\n\n\n
- WooCommerce nastaven\u00ed polohy obchodu a zem\u00ed prodeje<\/a><\/li>\n\n\n\n
- WooCommerce nastaven\u00ed m\u011bny<\/a><\/li>\n\n\n\n
- V\u00edce m\u011bn v jednom eshopu<\/a><\/li>\n\n\n\n
- Obecn\u00e9 nastaven\u00ed produktu<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
Nastaven\u00ed zobrazovan\u00ed produkt\u016f, je jedno z nastaven\u00ed, kter\u00e9 m\u016f\u017ee ovlivnit celkov\u00fd vzhled va\u0161eho eshopu. Proto si projdeme jednotliv\u00e9 prvky t\u00e9to sekce. Zobrazov\u00e1n\u00ed produkt\u016f najdete ve menu WooCommerce -> Nastaven\u00ed -> Produkty, z\u00e1lo\u017eka Zobrazen\u00ed: Str\u00e1nky obchodu a produkt\u016f Nastaven\u00ed str\u00e1nky obchodu a produkt\u016f obsahuje n\u00e1sleduj\u00edc\u00ed polo\u017eky: Str\u00e1nka obchodu P\u0159i instalaci WooCommerce, se automaticky vytvo\u0159\u00ed v\u00fdchoz\u00ed str\u00e1nka<\/p>\n","protected":false},"author":1,"featured_media":8732,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"footnotes":""},"categories":[25,26],"tags":[266,425],"class_list":["post-3194","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce","category-woocommerce-manual","tag-obrazky-produktu","tag-woocommerce"],"_links":{"self":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/3194"}],"collection":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/comments?post=3194"}],"version-history":[{"count":0,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/3194\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media\/8732"}],"wp:attachment":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media?parent=3194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/categories?post=3194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/tags?post=3194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/a><\/figure><\/div>\n\n\nStr\u00e1nka obchodu<\/strong><\/h2>\n\n\n\nP\u0159i instalaci WooCommerce, se automaticky vytvo\u0159\u00ed v\u00fdchoz\u00ed str\u00e1nka obchodu. Je to v podstat\u011b v\u00fdpis produkt\u016f, ale nen\u00ed to kategorie produktu. Proto je v\u00fdpis realizov\u00e1n pomoc\u00ed shortcodu, kter\u00fd je obsahem str\u00e1nky. Vy se m\u016f\u017eete rozhodnout, \u017ee pou\u017eijete jinou str\u00e1nku, ne\u017e tu defaultn\u00ed a zde to m\u016f\u017eete zm\u011bnit. Vybran\u00e1 str\u00e1nka by m\u011bla obsahovat p\u0159\u00edslu\u0161n\u00fd shortcode.<\/p>\n\n\n
\n<\/a><\/figure><\/div>\n\n\nZobrazen\u00ed str\u00e1nky obchodu a v\u00fdchoz\u00ed zobrazov\u00e1n\u00ed rubriky<\/h2>\n\n\n\n
Tato dv\u011b nastaven\u00ed jsou identick\u00e1, prvn\u00ed se t\u00fdk\u00e1 str\u00e1nky obchodu a druh\u00e9 je pro v\u00fdpis kategorie.<\/p>\n\n\n\n
WooCommerce m\u00e1 ve v\u00fdpisu produktu, mo\u017enost zobrazovat kategorie obchodu. V p\u0159\u00edpad\u011b, \u017ee se jedn\u00e1 o v\u00fdpis kategorie, zobrazuje na prvn\u00edch m\u00edstech, m\u00edsto produkt\u016f, n\u00e1hledy a odkazy na podkategorie.<\/p>\n\n\n\n
\n- zobrazit produkty – ve v\u00fdpisu budou jen produkty<\/li>\n\n\n\n
- zobrazit kategorie – ve v\u00fdpisu budou jen podkategorie<\/li>\n\n\n\n
- zobrazit oboj\u00ed – na prvn\u00edch m\u00edstech v\u00fdpisu budou podkategorie, n\u00e1sleduj\u00ed produkty<\/li>\n<\/ul>\n\n\n\n
<\/a><\/figure><\/div>\n\n\nV\u00fdchoz\u00ed t\u0159\u00edd\u011bn\u00ed produkt\u016f<\/strong><\/h2>\n\n\n\nVe v\u00fdpis produkt\u016f, najdete na prav\u00e9 stran\u011b, roletku, pomoc\u00ed n\u00ed\u017e m\u016f\u017eete se\u0159adit produkty. V tomto nastaven\u00ed ur\u010d\u00edte, podle \u010deho se m\u00e1 \u0159adit v\u00fdchoz\u00ed v\u00fdpis, po na\u010dten\u00ed str\u00e1nky.<\/p>\n\n\n
\n<\/a><\/figure><\/div>\n\n\nChov\u00e1n\u00ed, p\u0159i p\u0159id\u00e1v\u00e1n\u00ed do ko\u0161\u00edku<\/strong><\/h2>\n\n\n\nToto nastaven\u00ed m\u00e1 jen dva checkboxy<\/p>\n\n\n\n
\n- P\u0159esm\u011brov\u00e1n\u00ed do ko\u0161\u00edku po p\u0159\u00edd\u00e1n\u00ed produktu<\/li>\n\n\n\n
- AJAX tla\u010d\u00edtka“p\u0159idat do ko\u0161\u00edku“, ve v\u00fdpisu produkt\u016f.<\/li>\n<\/ul>\n\n\n\n
Prvn\u00ed nastaven\u00ed vynut\u00ed p\u0159esm\u011brov\u00e1n\u00ed do ko\u0161\u00edku, poka\u017ed\u00e9, kdy\u017e p\u0159id\u00e1te produkt. Pokud je vypnut\u00e9, z\u016fst\u00e1v\u00e1te na str\u00e1nce produktu.<\/p>\n\n\n\n
Druh\u00e9, AJAX na tla\u010d\u00edtku ve v\u00fdpisu produkt\u016f, umo\u017en\u00ed pou\u017e\u00edt efekt p\u0159id\u00e1n\u00ed, bez p\u0159esm\u011brov\u00e1n\u00ed str\u00e1nky.<\/p>\n\n\n
\n<\/a><\/figure><\/div>\n\n\nNastaven\u00ed obr\u00e1zk\u016f produktu<\/h2>\n\n\n\n
Toto nastaven\u00ed, definuje velikost n\u00e1hledov\u00fdch obr\u00e1zk\u016f pro eshop. Jsou to tyto t\u0159i:<\/p>\n\n\n\n
\n- Z\u00e1kladn\u00ed obr\u00e1zek – to je velk\u00fd obr\u00e1zek na detailu produktu<\/li>\n\n\n\n
- Obr\u00e1zek ve v\u00fdpisu produkt\u016f – to je men\u0161\u00ed obr\u00e1zek, zobrazovan\u00fd v kategori\u00edch<\/li>\n\n\n\n
- Katalog n\u00e1hled\u016f – to je nejmen\u0161\u00ed obr\u00e1zek, zobrazuj\u00edc\u00ed se pod hlavn\u00edm obr\u00e1zkem produktu, nebo se pou\u017e\u00edv\u00e1 nap\u0159\u00edklad ve widgetech<\/li>\n<\/ul>\n\n\n\n
Nastaven\u00ed vpad\u00e1 takto:<\/p>\n\n\n
\n<\/a><\/figure><\/div>\n\n\nJak m\u016f\u017eete vid\u011bt, u ka\u017ed\u00e9ho typu obr\u00e1zku, jsou t\u0159i polo\u017eky:<\/p>\n\n\n\n
\n- \u0161\u00ed\u0159ka<\/li>\n\n\n\n
- v\u00fd\u0161ka<\/li>\n\n\n\n
- druh o\u0159ezu<\/li>\n<\/ul>\n\n\n\n
Druh o\u0159ezu je zde asi nejd\u016fle\u017eit\u011bj\u0161\u00ed polo\u017ekou.<\/p>\n\n\n\n
O n\u00e1hledov\u00fdch obr\u00e1zc\u00edch jsem psal zde http:\/\/musilda.cz\/nahledove-obrazky-ve-wordpressu\/<\/a><\/p>\n\n\n\nV podstat\u011b sta\u010d\u00ed dodr\u017eovat jedno pravidlo – obr\u00e1zek by m\u011bl b\u00fdt v\u017edy v\u011bt\u0161\u00ed, ne\u017e nastaven\u00ed rozm\u011bry obr\u00e1zku produktu.<\/p>\n\n\n\n
Tvrd\u00fd o\u0159ez (hard crop) v\u017edy zmen\u0161\u00ed obr\u00e1zek na nejbli\u017e\u0161\u00ed pou\u017eitelnou \u0161\u00ed\u0159ku\/v\u00fd\u0161ku a zbytek o\u0159\u00edzne. Obr\u00e1zek m\u00e1 tak st\u00e1le stejn\u00fd rozm\u011br.<\/p>\n\n\n\n
Ob\u010das se stane, v\u011bt\u0161inou u oble\u010den\u00ed, kdy je obr\u00e1zek vy\u0161\u0161\u00ed, \u017ee chyb\u00ed hlavy, \u010di nohy postav. To je ne\u017e\u00e1douc\u00ed.<\/p>\n\n\n\n
V tomto p\u0159\u00edpad\u011b vypneme tvrd\u00fd o\u0159ez a jednu stranu, v\u011bt\u0161inou to b\u00fdv\u00e1 v\u00fd\u0161ka, nastav\u00edme na co nejv\u011bt\u0161\u00ed \u010d\u00edslo. 9999 je dostate\u010dn\u00e1 hodnota.<\/p>\n\n\n\n
V tuto chv\u00edli se obr\u00e1zek zmen\u0161\u00ed na nejmen\u0161\u00ed pou\u017eiteln\u00fd rozm\u011br, nyn\u00ed je to \u0161\u00ed\u0159ka a proto\u017ee nen\u00ed nastaven tvrd\u00fd o\u0159ez, ponech\u00e1 v\u00fd\u0161ku bez \u00fapravy. T\u00edm doc\u00edl\u00edte spr\u00e1vn\u00e9ho zobrazen\u00ed obr\u00e1zk\u016f, jen\u017e nejsou \u010dtvercov\u00e9. Je v\u0161ak d\u016fle\u017eit\u00e9, aby m\u011bly obr\u00e1zky stejn\u00fd rozm\u011br, jinak bude ka\u017ed\u00fd jinak vysok\u00fd.<\/p>\n\n\n\n
V dal\u0161\u00edm d\u00edle se pod\u00edv\u00e1me na nastaven\u00ed skladu.<\/p>\n\n\n\n
P\u0159edchoz\u00ed \u010dl\u00e1nky:<\/strong><\/p>\n\n\n\n\n- Co d\u00e1l po instalaci WooCommerce<\/a><\/li>\n\n\n\n
- WooCommerce nastaven\u00ed polohy obchodu a zem\u00ed prodeje<\/a><\/li>\n\n\n\n
- WooCommerce nastaven\u00ed m\u011bny<\/a><\/li>\n\n\n\n
- V\u00edce m\u011bn v jednom eshopu<\/a><\/li>\n\n\n\n
- Obecn\u00e9 nastaven\u00ed produktu<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
Nastaven\u00ed zobrazovan\u00ed produkt\u016f, je jedno z nastaven\u00ed, kter\u00e9 m\u016f\u017ee ovlivnit celkov\u00fd vzhled va\u0161eho eshopu. Proto si projdeme jednotliv\u00e9 prvky t\u00e9to sekce. Zobrazov\u00e1n\u00ed produkt\u016f najdete ve menu WooCommerce -> Nastaven\u00ed -> Produkty, z\u00e1lo\u017eka Zobrazen\u00ed: Str\u00e1nky obchodu a produkt\u016f Nastaven\u00ed str\u00e1nky obchodu a produkt\u016f obsahuje n\u00e1sleduj\u00edc\u00ed polo\u017eky: Str\u00e1nka obchodu P\u0159i instalaci WooCommerce, se automaticky vytvo\u0159\u00ed v\u00fdchoz\u00ed str\u00e1nka<\/p>\n","protected":false},"author":1,"featured_media":8732,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"footnotes":""},"categories":[25,26],"tags":[266,425],"class_list":["post-3194","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce","category-woocommerce-manual","tag-obrazky-produktu","tag-woocommerce"],"_links":{"self":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/3194"}],"collection":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/comments?post=3194"}],"version-history":[{"count":0,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/3194\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media\/8732"}],"wp:attachment":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media?parent=3194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/categories?post=3194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/tags?post=3194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/a><\/figure><\/div>\n\n\nZobrazen\u00ed str\u00e1nky obchodu a v\u00fdchoz\u00ed zobrazov\u00e1n\u00ed rubriky<\/h2>\n\n\n\n
Tato dv\u011b nastaven\u00ed jsou identick\u00e1, prvn\u00ed se t\u00fdk\u00e1 str\u00e1nky obchodu a druh\u00e9 je pro v\u00fdpis kategorie.<\/p>\n\n\n\n
WooCommerce m\u00e1 ve v\u00fdpisu produktu, mo\u017enost zobrazovat kategorie obchodu. V p\u0159\u00edpad\u011b, \u017ee se jedn\u00e1 o v\u00fdpis kategorie, zobrazuje na prvn\u00edch m\u00edstech, m\u00edsto produkt\u016f, n\u00e1hledy a odkazy na podkategorie.<\/p>\n\n\n\n
- \n
- zobrazit produkty – ve v\u00fdpisu budou jen produkty<\/li>\n\n\n\n
- zobrazit kategorie – ve v\u00fdpisu budou jen podkategorie<\/li>\n\n\n\n
- zobrazit oboj\u00ed – na prvn\u00edch m\u00edstech v\u00fdpisu budou podkategorie, n\u00e1sleduj\u00ed produkty<\/li>\n<\/ul>\n\n\n\n<\/a><\/figure><\/div>\n\n\n
V\u00fdchoz\u00ed t\u0159\u00edd\u011bn\u00ed produkt\u016f<\/strong><\/h2>\n\n\n\n
Ve v\u00fdpis produkt\u016f, najdete na prav\u00e9 stran\u011b, roletku, pomoc\u00ed n\u00ed\u017e m\u016f\u017eete se\u0159adit produkty. V tomto nastaven\u00ed ur\u010d\u00edte, podle \u010deho se m\u00e1 \u0159adit v\u00fdchoz\u00ed v\u00fdpis, po na\u010dten\u00ed str\u00e1nky.<\/p>\n\n\n
\n<\/a><\/figure><\/div>\n\n\nChov\u00e1n\u00ed, p\u0159i p\u0159id\u00e1v\u00e1n\u00ed do ko\u0161\u00edku<\/strong><\/h2>\n\n\n\n
Toto nastaven\u00ed m\u00e1 jen dva checkboxy<\/p>\n\n\n\n
- \n
- P\u0159esm\u011brov\u00e1n\u00ed do ko\u0161\u00edku po p\u0159\u00edd\u00e1n\u00ed produktu<\/li>\n\n\n\n
- AJAX tla\u010d\u00edtka“p\u0159idat do ko\u0161\u00edku“, ve v\u00fdpisu produkt\u016f.<\/li>\n<\/ul>\n\n\n\n
Prvn\u00ed nastaven\u00ed vynut\u00ed p\u0159esm\u011brov\u00e1n\u00ed do ko\u0161\u00edku, poka\u017ed\u00e9, kdy\u017e p\u0159id\u00e1te produkt. Pokud je vypnut\u00e9, z\u016fst\u00e1v\u00e1te na str\u00e1nce produktu.<\/p>\n\n\n\n
Druh\u00e9, AJAX na tla\u010d\u00edtku ve v\u00fdpisu produkt\u016f, umo\u017en\u00ed pou\u017e\u00edt efekt p\u0159id\u00e1n\u00ed, bez p\u0159esm\u011brov\u00e1n\u00ed str\u00e1nky.<\/p>\n\n\n
\n<\/a><\/figure><\/div>\n\n\nNastaven\u00ed obr\u00e1zk\u016f produktu<\/h2>\n\n\n\n
Toto nastaven\u00ed, definuje velikost n\u00e1hledov\u00fdch obr\u00e1zk\u016f pro eshop. Jsou to tyto t\u0159i:<\/p>\n\n\n\n
- \n
- Z\u00e1kladn\u00ed obr\u00e1zek – to je velk\u00fd obr\u00e1zek na detailu produktu<\/li>\n\n\n\n
- Obr\u00e1zek ve v\u00fdpisu produkt\u016f – to je men\u0161\u00ed obr\u00e1zek, zobrazovan\u00fd v kategori\u00edch<\/li>\n\n\n\n
- Katalog n\u00e1hled\u016f – to je nejmen\u0161\u00ed obr\u00e1zek, zobrazuj\u00edc\u00ed se pod hlavn\u00edm obr\u00e1zkem produktu, nebo se pou\u017e\u00edv\u00e1 nap\u0159\u00edklad ve widgetech<\/li>\n<\/ul>\n\n\n\n
Nastaven\u00ed vpad\u00e1 takto:<\/p>\n\n\n
\n<\/a><\/figure><\/div>\n\n\nJak m\u016f\u017eete vid\u011bt, u ka\u017ed\u00e9ho typu obr\u00e1zku, jsou t\u0159i polo\u017eky:<\/p>\n\n\n\n
- \n
- \u0161\u00ed\u0159ka<\/li>\n\n\n\n
- v\u00fd\u0161ka<\/li>\n\n\n\n
- druh o\u0159ezu<\/li>\n<\/ul>\n\n\n\n
Druh o\u0159ezu je zde asi nejd\u016fle\u017eit\u011bj\u0161\u00ed polo\u017ekou.<\/p>\n\n\n\n
O n\u00e1hledov\u00fdch obr\u00e1zc\u00edch jsem psal zde http:\/\/musilda.cz\/nahledove-obrazky-ve-wordpressu\/<\/a><\/p>\n\n\n\n
V podstat\u011b sta\u010d\u00ed dodr\u017eovat jedno pravidlo – obr\u00e1zek by m\u011bl b\u00fdt v\u017edy v\u011bt\u0161\u00ed, ne\u017e nastaven\u00ed rozm\u011bry obr\u00e1zku produktu.<\/p>\n\n\n\n
Tvrd\u00fd o\u0159ez (hard crop) v\u017edy zmen\u0161\u00ed obr\u00e1zek na nejbli\u017e\u0161\u00ed pou\u017eitelnou \u0161\u00ed\u0159ku\/v\u00fd\u0161ku a zbytek o\u0159\u00edzne. Obr\u00e1zek m\u00e1 tak st\u00e1le stejn\u00fd rozm\u011br.<\/p>\n\n\n\n
Ob\u010das se stane, v\u011bt\u0161inou u oble\u010den\u00ed, kdy je obr\u00e1zek vy\u0161\u0161\u00ed, \u017ee chyb\u00ed hlavy, \u010di nohy postav. To je ne\u017e\u00e1douc\u00ed.<\/p>\n\n\n\n
V tomto p\u0159\u00edpad\u011b vypneme tvrd\u00fd o\u0159ez a jednu stranu, v\u011bt\u0161inou to b\u00fdv\u00e1 v\u00fd\u0161ka, nastav\u00edme na co nejv\u011bt\u0161\u00ed \u010d\u00edslo. 9999 je dostate\u010dn\u00e1 hodnota.<\/p>\n\n\n\n
V tuto chv\u00edli se obr\u00e1zek zmen\u0161\u00ed na nejmen\u0161\u00ed pou\u017eiteln\u00fd rozm\u011br, nyn\u00ed je to \u0161\u00ed\u0159ka a proto\u017ee nen\u00ed nastaven tvrd\u00fd o\u0159ez, ponech\u00e1 v\u00fd\u0161ku bez \u00fapravy. T\u00edm doc\u00edl\u00edte spr\u00e1vn\u00e9ho zobrazen\u00ed obr\u00e1zk\u016f, jen\u017e nejsou \u010dtvercov\u00e9. Je v\u0161ak d\u016fle\u017eit\u00e9, aby m\u011bly obr\u00e1zky stejn\u00fd rozm\u011br, jinak bude ka\u017ed\u00fd jinak vysok\u00fd.<\/p>\n\n\n\n
V dal\u0161\u00edm d\u00edle se pod\u00edv\u00e1me na nastaven\u00ed skladu.<\/p>\n\n\n\n
P\u0159edchoz\u00ed \u010dl\u00e1nky:<\/strong><\/p>\n\n\n\n
- \n
- Co d\u00e1l po instalaci WooCommerce<\/a><\/li>\n\n\n\n
- WooCommerce nastaven\u00ed polohy obchodu a zem\u00ed prodeje<\/a><\/li>\n\n\n\n
- WooCommerce nastaven\u00ed m\u011bny<\/a><\/li>\n\n\n\n
- V\u00edce m\u011bn v jednom eshopu<\/a><\/li>\n\n\n\n
- Obecn\u00e9 nastaven\u00ed produktu<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
Nastaven\u00ed zobrazovan\u00ed produkt\u016f, je jedno z nastaven\u00ed, kter\u00e9 m\u016f\u017ee ovlivnit celkov\u00fd vzhled va\u0161eho eshopu. Proto si projdeme jednotliv\u00e9 prvky t\u00e9to sekce. Zobrazov\u00e1n\u00ed produkt\u016f najdete ve menu WooCommerce -> Nastaven\u00ed -> Produkty, z\u00e1lo\u017eka Zobrazen\u00ed: Str\u00e1nky obchodu a produkt\u016f Nastaven\u00ed str\u00e1nky obchodu a produkt\u016f obsahuje n\u00e1sleduj\u00edc\u00ed polo\u017eky: Str\u00e1nka obchodu P\u0159i instalaci WooCommerce, se automaticky vytvo\u0159\u00ed v\u00fdchoz\u00ed str\u00e1nka<\/p>\n","protected":false},"author":1,"featured_media":8732,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"footnotes":""},"categories":[25,26],"tags":[266,425],"class_list":["post-3194","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce","category-woocommerce-manual","tag-obrazky-produktu","tag-woocommerce"],"_links":{"self":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/3194"}],"collection":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/comments?post=3194"}],"version-history":[{"count":0,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/3194\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media\/8732"}],"wp:attachment":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media?parent=3194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/categories?post=3194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/tags?post=3194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- WooCommerce nastaven\u00ed polohy obchodu a zem\u00ed prodeje<\/a><\/li>\n\n\n\n
- Co d\u00e1l po instalaci WooCommerce<\/a><\/li>\n\n\n\n