{"id":5830,"date":"2021-01-19T07:55:15","date_gmt":"2021-01-19T07:55:15","guid":{"rendered":"https:\/\/musilda.cz\/?p=5830"},"modified":"2021-01-19T07:55:15","modified_gmt":"2021-01-19T07:55:15","slug":"jak-zmenit-velikost-produktoveho-obrazku-ve-woocommerce","status":"publish","type":"post","link":"https:\/\/affinite.io\/cs\/jak-zmenit-velikost-produktoveho-obrazku-ve-woocommerce\/","title":{"rendered":"Jak zm\u011bnit velikost produktov\u00e9ho obr\u00e1zku ve WooCommerce"},"content":{"rendered":"\n<p>WooCommerce umo\u017e\u0148uje pomoc\u00ed jednoduch\u00e9ho nastaven\u00ed upravit v\u00fdchoz\u00ed velikost obr\u00e1zk\u016f. A nav\u00edc, od verze 3.3 automaticky i p\u0159egeneruje velikosti.<\/p>\n\n\n\n<p>V\u00fdchoz\u00ed velikosti jsou definov\u00e1ny v k\u00f3du pluginu a to n\u00e1sleduj\u00edc\u00edch rozm\u011brech:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>detail produktu &#8211; 600 x 600<\/li><li>obr\u00e1zek v katalogu &#8211; 300 x 300<\/li><li>n\u00e1hled &#8211; 100 x 100<\/li><\/ul>\n\n\n\n<p>To jsou v\u00fdchoz\u00ed velikosti a pokud se v\u00e1m vykresluj\u00ed jin\u00e9, je mo\u017en\u00e9, \u017ee va\u0161e \u0161ablona si generuje vlastn\u00ed. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00daprava velikosti obr\u00e1zk\u016f<\/h2>\n\n\n\n<p>V p\u0159\u00edpad\u011b, \u017ee chcete zm\u011bnit velikost obr\u00e1zk\u016f ve WooCommerce, mus\u00edte j\u00edt v administraci do Vzhled -&gt; P\u0159isp\u016fsobit a zde v customiz\u00e9ru najdete z\u00e1lo\u017eku WooCommerce. <\/p>\n\n\n\n<p>V n\u00ed kliknete na obr\u00e1zky produktu<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/musilda.cz\/wp-content\/uploads\/2021\/01\/woocommerce-obrazky.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"414\" height=\"436\" src=\"https:\/\/musilda.cz\/wp-content\/uploads\/2021\/01\/woocommerce-obrazky.png\" alt=\"\" class=\"wp-image-5834\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2021\/01\/woocommerce-obrazky.png 414w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2021\/01\/woocommerce-obrazky-285x300.png 285w\" sizes=\"(max-width: 414px) 100vw, 414px\" \/><\/a><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Po rozkliknut\u00ed m\u00e1te mo\u017enost m\u011bnit velikosti:<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Detailu produktu<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/musilda.cz\/wp-content\/uploads\/2021\/01\/woocommerce-obrazky-2.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"345\" height=\"580\" src=\"https:\/\/musilda.cz\/wp-content\/uploads\/2021\/01\/woocommerce-obrazky-2.png\" alt=\"\" class=\"wp-image-5837\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2021\/01\/woocommerce-obrazky-2.png 345w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2021\/01\/woocommerce-obrazky-2-178x300.png 178w\" sizes=\"(max-width: 345px) 100vw, 345px\" \/><\/a><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Obr\u00e1zku v katalogu<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/musilda.cz\/wp-content\/uploads\/2021\/01\/woocommerce-obrazky-3.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"345\" height=\"580\" src=\"https:\/\/musilda.cz\/wp-content\/uploads\/2021\/01\/woocommerce-obrazky-3.png\" alt=\"\" class=\"wp-image-5838\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2021\/01\/woocommerce-obrazky-3.png 345w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2021\/01\/woocommerce-obrazky-3-178x300.png 178w\" sizes=\"(max-width: 345px) 100vw, 345px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Mo\u017en\u00e1 se v\u00e1m bude zd\u00e1t divn\u00e9, \u017ee se zad\u00e1vaj\u00ed jen \u0161\u00ed\u0159ky, ale kdy\u017e se p\u0159edstav\u00edte str\u00e1nku eshopu, tak ve v\u011bt\u0161in\u011b p\u0159\u00edpad\u016f to b\u00fdv\u00e1 m\u0159\u00ed\u017eka. Proto je pro responsivitu d\u016fle\u017eit\u011bj\u0161\u00ed \u0161\u00ed\u0159e obr\u00e1zku.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nastaven\u00ed o\u0159ezu<\/h2>\n\n\n\n<p>Pokud netu\u0161\u00edte, jak funguje o\u0159ez, m\u016f\u017eete se pod\u00edvat sem <a href=\"https:\/\/musilda.cz\/vite-woocommerce-pracuje-obrazky-eshopu\/\" target=\"_blank\" rel=\"noopener\">https:\/\/musilda.cz\/vite-woocommerce-pracuje-obrazky-eshopu\/<\/a><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/musilda.cz\/wp-content\/uploads\/2021\/01\/woocommerce-obrazky-4.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"587\" src=\"https:\/\/musilda.cz\/wp-content\/uploads\/2021\/01\/woocommerce-obrazky-4.png\" alt=\"\" class=\"wp-image-5839\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2021\/01\/woocommerce-obrazky-4.png 340w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2021\/01\/woocommerce-obrazky-4-174x300.png 174w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>V\u0161echny volby, kter\u00e9 m\u00e1te k dispozici nemaj\u00ed dal\u0161\u00ed nastaven\u00ed, krom\u011b volby <strong>Vlastn\u00ed<\/strong>, kde zad\u00e1v\u00e1te pom\u011br stran, na kter\u00e9 chcete obr\u00e1zky o\u0159\u00edznout.<\/p>\n\n\n\n<p>Pokud m\u00e1te obr\u00e1zky, kter\u00e9 jsou \u010dtvercov\u00e9, nechte prvn\u00ed volbu. Pokud prod\u00e1v\u00e1te m\u00f3du, vyu\u017eijte pom\u011br stran. <\/p>\n\n\n\n<p>S o\u0159ez\u00e1v\u00e1n\u00edm obr\u00e1zku bojuj\u00ed p\u0159edev\u0161\u00edm eshopy, pln\u011bn\u00e9 importem od dodavatele, kdy nem\u00e1te vliv na jejich rozm\u011bry. <\/p>\n\n\n\n<p>Pak je lep\u0161\u00ed nechat p\u016fvodn\u00ed pom\u011br a obr\u00e1zky vycentrovat vertik\u00e1ln\u011b i horizont\u00e1ln\u011b uvnit\u0159 boxu. <\/p>\n\n\n\n<p>Pokud jste n\u011bkde \u010detli, \u017ee po zm\u011bn\u011b rozm\u011br\u016f obr\u00e1zk\u016f je mus\u00edte p\u0159egenerovat, tak u WooCommerce to neplat\u00ed, ta to ud\u011bl\u00e1 na pozad\u00ed za v\u00e1s.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WooCommerce umo\u017e\u0148uje pomoc\u00ed jednoduch\u00e9ho nastaven\u00ed upravit v\u00fdchoz\u00ed velikost obr\u00e1zk\u016f. A nav\u00edc, od verze 3.3 automaticky i p\u0159egeneruje velikosti. V\u00fdchoz\u00ed velikosti jsou definov\u00e1ny v k\u00f3du pluginu a to n\u00e1sleduj\u00edc\u00edch rozm\u011brech: detail produktu &#8211; 600 x 600 obr\u00e1zek v katalogu &#8211; 300 x 300 n\u00e1hled &#8211; 100 x 100 To jsou v\u00fdchoz\u00ed velikosti a pokud se v\u00e1m<\/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],"tags":[],"class_list":["post-5830","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce"],"_links":{"self":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/5830"}],"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=5830"}],"version-history":[{"count":0,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/5830\/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=5830"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/categories?post=5830"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/tags?post=5830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}