{"id":3194,"date":"2016-10-12T05:26:02","date_gmt":"2016-10-12T05:26:02","guid":{"rendered":"http:\/\/musilda.cz\/?p=3194"},"modified":"2016-10-12T05:26:02","modified_gmt":"2016-10-12T05:26:02","slug":"woocommerce-nastaveni-zobrazovani-produktu","status":"publish","type":"post","link":"https:\/\/affinite.io\/cs\/woocommerce-nastaveni-zobrazovani-produktu\/","title":{"rendered":"WooCommerce nastaven\u00ed zobrazov\u00e1n\u00ed produkt\u016f"},"content":{"rendered":"\n
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.<\/p>\n\n\n\n
Zobrazov\u00e1n\u00ed produkt\u016f najdete ve menu WooCommerce -> Nastaven\u00ed -> Produkty, z\u00e1lo\u017eka Zobrazen\u00ed:<\/p>\n\n\n
Nastaven\u00ed str\u00e1nky obchodu a produkt\u016f obsahuje n\u00e1sleduj\u00edc\u00ed polo\u017eky:<\/p>\n\n\n\n
P\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
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
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
Toto nastaven\u00ed m\u00e1 jen dva checkboxy<\/p>\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
Toto nastaven\u00ed, definuje velikost n\u00e1hledov\u00fdch obr\u00e1zk\u016f pro eshop. Jsou to tyto t\u0159i:<\/p>\n\n\n\n
Nastaven\u00ed vpad\u00e1 takto:<\/p>\n\n\n
Jak m\u016f\u017eete vid\u011bt, u ka\u017ed\u00e9ho typu obr\u00e1zku, jsou t\u0159i polo\u017eky:<\/p>\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 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":{"_uag_custom_page_level_css":"","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"],"uagb_featured_image_src":{"full":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/05\/wordpress-woocommerce-musilda.png",1200,800,false],"thumbnail":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/05\/wordpress-woocommerce-musilda-150x150.png",150,150,true],"medium":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/05\/wordpress-woocommerce-musilda-300x200.png",300,200,true],"medium_large":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/05\/wordpress-woocommerce-musilda-768x512.png",640,427,true],"large":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/05\/wordpress-woocommerce-musilda-1024x683.png",640,427,true],"1536x1536":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/05\/wordpress-woocommerce-musilda.png",1200,800,false],"2048x2048":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/05\/wordpress-woocommerce-musilda.png",1200,800,false],"archive-list":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/05\/wordpress-woocommerce-musilda-400x265.png",400,265,true]},"uagb_author_info":{"display_name":"Affinite","author_link":"https:\/\/affinite.io\/cs\/author\/affinite\/"},"uagb_comment_info":24,"uagb_excerpt":"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","_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}]}}\n