{"id":9051,"date":"2022-05-30T21:57:28","date_gmt":"2022-05-30T19:57:28","guid":{"rendered":"https:\/\/dhosting.pl\/pomoc\/?post_type=manual_kb&#038;p=9051"},"modified":"2023-05-18T15:53:52","modified_gmt":"2023-05-18T13:53:52","slug":"jak-dodac-obrazy-i-galerie-w-sklepie-opartym-o-woocommerce","status":"publish","type":"manual_kb","link":"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-dodac-obrazy-i-galerie-w-sklepie-opartym-o-woocommerce\/","title":{"rendered":"Jak doda\u0107 obrazy i galerie w sklepie opartym o WooCommerce?"},"content":{"rendered":"<p>W <em><strong>WooCommerce<\/strong><\/em> ka\u017cdy produkt ma przypisany jeden g\u0142\u00f3wny obraz. Jest to najwa\u017cniejsza grafika wyr\u00f3\u017cniaj\u0105ca dany produkt. W sklepie b\u0119dzie ona wy\u015bwietlana na stronie produktu oraz wsz\u0119dzie tam, gdzie system <em><strong>WooCommerce<\/strong><\/em> pokazuje wszystkie (lub wybrane) produkty. W domy\u015blnym uk\u0142adzie <em><strong>WooCommerce<\/strong><\/em>, pole wyboru zdj\u0119cia g\u0142\u00f3wnego znajdziesz w edycji produktu po prawej stronie.<\/p>\n<p><a href=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"photo-border aligncenter wp-image-9055\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal1.jpg\" alt=\"\" width=\"500\" height=\"333\" title=\"\" srcset=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal1.jpg 1091w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal1-300x200.jpg 300w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal1-1024x681.jpg 1024w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal1-768x511.jpg 768w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Dodawanie obrazu produktu odbywa si\u0119 w taki sam spos\u00f3b, jak w ca\u0142ym <em><strong>WordPressie<\/strong><\/em> &#8211; poprzez <em><strong>Bibliotek\u0119 medi\u00f3w<\/strong><\/em>. Aby zamie\u015bci\u0107 grafik\u0119 z w\u0142asnego dysku lub z Internetu (w tym drugim przypadku nale\u017cy poda\u0107 jej adres URL), u\u017cyj przycisku <em><strong>Dodaj medium<\/strong><\/em>\u00a0znajduj\u0105cego si\u0119 nad edytorem tekstu <em><strong>WordPress<\/strong><\/em>.<\/p>\n<p><a href=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"photo-border aligncenter wp-image-9056\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal2.jpg\" alt=\"\" width=\"500\" height=\"333\" title=\"\" srcset=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal2.jpg 1091w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal2-300x200.jpg 300w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal2-1024x681.jpg 1024w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal2-768x511.jpg 768w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Po wybraniu tej opcji mamy mo\u017cliwo\u015b\u0107 importowania plik\u00f3w graficznych z w\u0142asnego dysku komputera:<\/p>\n<p><a href=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"photo-border aligncenter wp-image-9057\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal3.jpg\" alt=\"\" width=\"500\" height=\"375\" title=\"\" srcset=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal3.jpg 771w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal3-300x225.jpg 300w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal3-768x576.jpg 768w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal3-700x525.jpg 700w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Obrazy przes\u0142ane na serwer l\u0105duj\u0105 w <em><strong>bibliotece medi\u00f3w WordPressa<\/strong><\/em> &#8211; w oknie pokazanym powy\u017cej mo\u017cna r\u00f3wnie\u017c wybra\u0107 pliki znajduj\u0105ce si\u0119 ju\u017c w bazie danych:<\/p>\n<p><a href=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"photo-border aligncenter wp-image-9058\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal4.jpg\" alt=\"\" width=\"500\" height=\"199\" title=\"\" srcset=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal4.jpg 725w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal4-300x120.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Je\u015bli nie skonfigurowa\u0142e\u015b jeszcze zdj\u0119cia produktu, mo\u017cesz to zrobi\u0107 za pomoc\u0105 przycisku znajduj\u0105cego si\u0119 w polu <em><strong>Obrazek produktu<\/strong><\/em> w oknie edycji produktu:<\/p>\n<p><a href=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"photo-border aligncenter wp-image-9059\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal5.jpg\" alt=\"\" width=\"500\" height=\"400\" title=\"\" srcset=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal5.jpg 1209w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal5-300x240.jpg 300w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal5-1024x819.jpg 1024w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal5-768x614.jpg 768w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Przes\u0142ane pliki mo\u017cna przegl\u0105da\u0107, usuwa\u0107, a nawet przycina\u0107 za po\u015brednictwem g\u0142\u00f3wnej konsoli <em><strong>Biblioteki medi\u00f3w<\/strong><\/em>. Opcj\u0119 t\u0119 mo\u017cna znale\u017a\u0107 w g\u0142\u00f3wnym menu <em><strong>WordPressa<\/strong><\/em>, po wybraniu opcji <em><strong>Media<\/strong><\/em>:<\/p>\n<p><a href=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal6.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"photo-border aligncenter wp-image-9060\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal6.jpg\" alt=\"\" width=\"500\" height=\"171\" title=\"\" srcset=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal6.jpg 792w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal6-300x103.jpg 300w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal6-768x263.jpg 768w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h2>Galeria<\/h2>\n<p><a href=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal7.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"photo-border aligncenter wp-image-9061 size-full\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/05\/woo-gal7.jpg\" alt=\"\" width=\"286\" height=\"187\" title=\"\"><\/a><\/p>\n<p>Opr\u00f3cz g\u0142\u00f3wnego zdj\u0119cia produktu, <em><strong>WooCommerce<\/strong><\/em> daje Ci mo\u017cliwo\u015b\u0107 stworzenia galerii sk\u0142adaj\u0105cej si\u0119 z kilku zdj\u0119\u0107. Mo\u017cesz j\u0105 skomponowa\u0107 w oknie, kt\u00f3re w domy\u015blnym uk\u0142adzie tre\u015bci znajduje si\u0119 po prawej stronie ekranu, poni\u017cej okna <em><strong>Obrazka produktu<\/strong><\/em>.<\/p>\n<p>Dodawanie obraz\u00f3w do galerii odbywa si\u0119 w taki sam spos\u00f3b, jak dodawanie <em><strong>Obrazka produktu<\/strong><\/em>. Obraz mo\u017ce zosta\u0107 pobrany z <em><strong>Biblioteki multimedi\u00f3w<\/strong><\/em>. Kolejno\u015b\u0107 obraz\u00f3w jest bardzo wa\u017cna. Mo\u017cna j\u0105 \u0142atwo zmieni\u0107, chwytaj\u0105c i przeci\u0105gaj\u0105c kolejne obrazy, aby uzyska\u0107 po\u017c\u0105dan\u0105 kolejno\u015b\u0107. Aby usun\u0105\u0107 z galerii dodany wcze\u015bniej obraz, wystarczy najecha\u0107 na niego kursorem i klikn\u0105\u0107 <em><strong>krzy\u017cyk<\/strong><\/em>.<\/p>\n","protected":false},"author":6,"featured_media":10957,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[96,95],"manual_kb_tag":[2578,655,2577,3517,3516,2576,2575],"class_list":["post-9051","manual_kb","type-manual_kb","status-publish","format-standard","has-post-thumbnail","hentry","manualknowledgebasecat-aplikacje-internetowe-cms","manualknowledgebasecat-hosting","manual_kb_tag-galeria-produktu-w-woocommerce","manual_kb_tag-hosting","manual_kb_tag-jak-dodac-galerie-w-woocommerce","manual_kb_tag-polski-hosting","manual_kb_tag-web-hosting","manual_kb_tag-woocommerce-galeria-produktu","manual_kb_tag-woocommerce-obraz-produktu"],"_links":{"self":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/9051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/users\/6"}],"version-history":[{"count":0,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/9051\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/media\/10957"}],"wp:attachment":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/media?parent=9051"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manualknowledgebasecat?post=9051"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb_tag?post=9051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}