{"id":4427,"date":"2020-06-23T23:31:37","date_gmt":"2020-06-23T21:31:37","guid":{"rendered":"https:\/\/www.welaunch.io\/de\/?post_type=product&#038;p=4427"},"modified":"2025-08-30T12:53:15","modified_gmt":"2025-08-30T10:53:15","slug":"woocommerce-attribute-images","status":"publish","type":"product","link":"https:\/\/www.welaunch.io\/de\/product\/woocommerce-attribute-images\/","title":{"rendered":"WooCommerce Attributs- &#038; Variationen Auswahlbilder"},"content":{"rendered":"\n\t<section class=\"section\" id=\"section_305737927\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row row-solid\"  id=\"row-160065379\">\n\t<div id=\"col-528218651\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\t\t<div class=\"icon-box featured-box icon-box-center text-center\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 50px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" style=\"color:rgb(101, 28, 255);\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M464 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM160 448H48c-8.837 0-16-7.163-16-16v-80h128v96zm0-128H32v-96h128v96zm0-128H32V96h128v96zm160 256H192v-96h128v96zm0-128H192v-96h128v96zm0-128H192V96h128v96zm160 160v80c0 8.837-7.163 16-16 16H352v-96h128zm0-32H352v-96h128v96zm0-128H352V96h128v96z\"\/><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t<h5 class=\"uppercase\">Attribut-Tabellenbilder<\/h5>\t\t\t\t\t\tEinfache Umwandlung der Produktdatentabelle in Bilder.\t\t<\/div>\n\t<\/div>\n\t\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1328542387\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t\t<div class=\"icon-box featured-box icon-box-center text-center\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 50px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" style=\"color:rgb(101, 28, 255);\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M192 80c0 8.837-7.164 16-16 16-35.29 0-64 28.71-64 64 0 8.837-7.164 16-16 16s-16-7.163-16-16c0-52.935 43.065-96 96-96 8.836 0 16 7.163 16 16zm176 96c0 101.731-51.697 91.541-90.516 192.674a23.722 23.722 0 0 1-5.484 8.369V464h-.018a23.99 23.99 0 0 1-5.241 14.574l-19.535 24.419A24 24 0 0 1 228.465 512h-72.93a24 24 0 0 1-18.741-9.007l-19.535-24.419A23.983 23.983 0 0 1 112.018 464H112v-86.997a24.153 24.153 0 0 1-5.54-8.478c-38.977-101.401-90.897-90.757-90.457-193.822C16.415 78.01 95.306 0 192 0c97.195 0 176 78.803 176 176zM240 448h-96v12.775L159.38 480h65.24L240 460.775V448zm0-64h-96v32h96v-32zm96-208c0-79.59-64.424-144-144-144-79.59 0-144 64.423-144 144 0 87.475 44.144 70.908 86.347 176h115.306C291.779 247.101 336 263.222 336 176z\"\/><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t<h5 class=\"uppercase\">Variationsfelder<\/h5>\t\t\t\t\t\tVerwenden Sie die gleichen Attributbilder wie Variationsfelder und verzichten Sie auf die standardm\u00e4\u00dfigen Auswahleingabefelder.\t\t<\/div>\n\t<\/div>\n\t\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1705071202\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t\t<div class=\"icon-box featured-box icon-box-center text-center\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 50px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" style=\"color:rgb(101, 28, 255);\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 352 512\"><path d=\"M205.22 22.09C201.21 7.53 188.61 0 175.97 0c-12.35 0-24.74 7.2-29.19 22.09C100.01 179.85 0 222.72 0 333.91 0 432.35 78.72 512 176 512s176-79.65 176-178.09c0-111.75-99.79-153.34-146.78-311.82zM176 480c-79.4 0-144-65.54-144-146.09 0-48.36 23-81.32 54.84-126.94 29.18-41.81 65.34-93.63 89.18-170.91 23.83 77.52 60.06 129.31 89.3 171.08C297.06 252.52 320 285.3 320 333.91 320 414.46 255.4 480 176 480zm0-64c-44.12 0-80-35.89-80-80 0-8.84-7.16-16-16-16s-16 7.16-16 16c0 61.75 50.25 112 112 112 8.84 0 16-7.16 16-16s-7.16-16-16-16z\"\/><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t<h5 class=\"uppercase\">Stil mit Leichtigkeit<\/h5>\t\t\t\t\t\tLegen Sie Farben, Breiten und weitere Styling-Optionen direkt in unseren Plugin-Einstellungen fest.\t\t<\/div>\n\t<\/div>\n\t\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_305737927 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_252186298\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-551301310\">\n\t<div id=\"col-503171057\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Produktattribute mit Bildern anzeigen<\/h2>\n<p><strong>Qualitativ hochwertige Bilder sind entscheidend f\u00fcr den Verkaufserfolg von WooCommerce. Aber was w\u00e4re, wenn Sie noch einen Schritt weiter gehen k\u00f6nnten? Was w\u00e4re, wenn Sie neben den WooCommerce-Produktbildern auch Produktattribute mit Bildern anzeigen k\u00f6nnten?<\/strong>Das Attribute Images WooCommerce-Plugin bietet Ladenbesitzern eine neue M\u00f6glichkeit, sich von der Konkurrenz abzuheben.Anstatt Text zur Darstellung von Produktgr\u00f6\u00dfen und Farbvariationen zu verwenden, stellt WooCommerce Attribute Images Produktattribute als interaktive Bilder dar.\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-180868434\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t<div class=\"video video-fit mb box-shadow-2 box-shadow-3-hover\" style=\"padding-top:56.25%;\"><p><iframe title=\"WooCommerce Attribute Images\" width=\"1020\" height=\"574\" src=\"https:\/\/www.youtube.com\/embed\/mv6ewnUCi9Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<\/div>\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_252186298 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n#section_252186298 .section-bg-overlay {\n  background-color: rgb(49, 113, 238);\n}\n@media (min-width:550px) {\n  #section_252186298 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_252186298 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1467649934\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-1845281152\">\n\t<div id=\"col-47561968\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1077169368\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner box-shadow-2 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"569\" src=\"https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/woocommerce-filter-images-1024x571.png\" class=\"attachment-large size-large\" alt=\"WooCommerce filter images\" srcset=\"https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/woocommerce-filter-images-1024x571.png 1024w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/woocommerce-filter-images-500x279.png 500w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/woocommerce-filter-images-1000x557.png 1000w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/woocommerce-filter-images-300x167.png 300w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/woocommerce-filter-images-768x428.png 768w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/woocommerce-filter-images-1536x856.png 1536w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/woocommerce-filter-images-2048x1141.png 2048w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1077169368 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-432362966\" class=\"col medium-12 small-12 large-6 medium-col-first\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Mehr Aufmerksamkeit auf Ihre Produktattribute lenken<\/h2>\n<p>Standardm\u00e4\u00dfig werden WooCommerce-Produktattribute als Text angezeigt. Dies ist nicht unbedingt ein Problem. Textfelder k\u00f6nnen sich jedoch langweilig anf\u00fchlen und manchmal m\u00fchsam zu navigieren sein.Um Produktseiten visuell aufregender erscheinen zu lassen, ersetzt WooCommerce Attribute Images langweilige Textfelder durch auff\u00e4llige Bildmuster.<\/p>\n<ul>\n<li>Die Verwendung von Bild- und Farbfeldern anstelle von Textattributen erleichtert die Interaktion mit Produktlisten<\/li>\n<li>Bildbasierte Produktattribute erscheinen visuell unverwechselbarer<\/li>\n<li>Wenn sie von Kunden des WooCommerce-Shops ausgew\u00e4hlt werden, verhalten sich Attributbilder genauso wie herk\u00f6mmliche Textattribute<\/li>\n<\/ul>\n<a href=\"https:\/\/demos.welaunch.io\/woocommerce-attribute-images\/\" target=\"_blank\" class=\"button primary is-link\" rel=\"noopener\">\n\t\t<span>Demo ansehen<\/span>\n\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_1467649934 {\n  padding-top: 20px;\n  padding-bottom: 20px;\n}\n@media (min-width:550px) {\n  #section_1467649934 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_1467649934 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_28958201\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-222561800\">\n\t<div id=\"col-960953803\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Variable Produktattribute mit Leichtigkeit konfigurieren<\/h2>\n<p><strong>Die Produkte in Ihrem Gesch\u00e4ft k\u00f6nnen in Gr\u00f6\u00dfe, Stil und Farbe variieren. Woocommerce-Attributbilder erlauben daher Shop-Administratoren, Attributbilder entsprechend zu konfigurieren.<\/strong>Ladenbesitzer, die verschiedene Variationen desselben Produkts verkaufen, k\u00f6nnen Bildmuster genau wie normale Textfelder konfigurieren.<\/p>\n<ul>\n<li>Farbtabellen und Produktinformationstabellen k\u00f6nnen alle durch anklickbare Bilder ersetzt werden<\/li>\n<li>Wenn Bildmuster angeklickt werden, werden Produktbilder, Preisdaten und andere Produktvariablen automatisch aktualisiert.<\/li>\n<\/ul>\n<a href=\"https:\/\/demos.welaunch.io\/woocommerce-attribute-images\/product\/variable-product-with-one-attribute-image\/\" target=\"_blank\" class=\"button white is-link\" rel=\"noopener\">\n\t\t<span>Demo ansehen<\/span>\n\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1127276518\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_902060937\">\n\t\t\t\t\t\t<div data-animate=\"fadeInRight\">\t\t<div class=\"img-inner box-shadow-2 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"575\" src=\"https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Single-product-variation-swatches-1024x577.png\" class=\"attachment-large size-large\" alt=\"Single product variation swatches\" srcset=\"https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Single-product-variation-swatches-1024x577.png 1024w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Single-product-variation-swatches-500x282.png 500w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Single-product-variation-swatches-1000x564.png 1000w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Single-product-variation-swatches-300x169.png 300w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Single-product-variation-swatches-768x433.png 768w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Single-product-variation-swatches-1536x866.png 1536w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Single-product-variation-swatches.png 1934w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_902060937 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_28958201 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n#section_28958201 .section-bg-overlay {\n  background-color: #3171ee;\n}\n@media (min-width:550px) {\n  #section_28958201 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_28958201 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1083549753\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-1183303891\">\n\t<div id=\"col-320308070\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_354555504\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner box-shadow-2 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"683\" src=\"https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Attribute-Images-1024x686.png\" class=\"attachment-large size-large\" alt=\"WooCommerce Attribute Images\" srcset=\"https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Attribute-Images-1024x686.png 1024w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Attribute-Images-500x335.png 500w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Attribute-Images-1000x670.png 1000w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Attribute-Images-300x201.png 300w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Attribute-Images-768x514.png 768w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Attribute-Images.png 1126w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_354555504 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1787236297\" class=\"col medium-12 small-12 large-6 medium-col-first\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Attribut-Bild-Styling &amp; Anpassung<\/h2>\n<p>Attribut-Textfelder k\u00f6nnen schwer zu lesen und zu navigieren sein. Dies gilt insbesondere beim Browsen von WooCommerce-Produktseiten mit mobilen Ger\u00e4ten. Gl\u00fccklicherweise \u00e4ndert WooCommerce Attribute Images dies.Dank der einfachen integrierten Tools zur Anpassung von Farbfeldern k\u00f6nnen WooCommerce-Shop-Administratoren unterschiedliche Breiten f\u00fcr Attributbilder festlegen. Verschiedene Muster k\u00f6nnen daher verwendet werden, um die Aufmerksamkeit der Menschen zu erregen und zu sinnvolleren Produktinteraktionen einzuladen.<a href=\"https:\/\/demos.welaunch.io\/woocommerce-attribute-images\/product\/simple-product-with-attribute-images-table\/\" target=\"_blank\" class=\"button primary is-link\" rel=\"noopener\">\n\t\t<span>Demo ansehen<\/span>\n\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_1083549753 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n@media (min-width:550px) {\n  #section_1083549753 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_1083549753 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_1234964706\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-479431836\">\n\t<div id=\"col-965029888\" class=\"col medium-12 small-12 large-6 medium-col-first\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Attributsymbole f\u00fcr bestimmte Produktattribute setzen<\/h2>\n<p>Beim Konfigurieren von Farbfeldern haben WooCommerce-Administratoren m\u00f6glicherweise keine Bilder, die f\u00fcr verschiedene Attributfelder geeignet sind. Zum Gl\u00fcck zeigt das Attribut Bilder WooCommerce-Plugin automatisch ein normales Textfeld an, wenn kein Bild vorhanden ist. Dar\u00fcber hinaus k\u00f6nnen Speicheradministratoren auch Attributbilder so konfigurieren, dass regelm\u00e4\u00dfige Titel und Tooltips angezeigt werden.<a href=\"https:\/\/demos.welaunch.io\/woocommerce-attribute-images\/product\/two-attribute-images\/\" target=\"_blank\" class=\"button white is-link\" rel=\"noopener\">\n\t\t<span>Demo ansehen<\/span>\n\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-825693561\" class=\"col medium-12 small-12 large-6 small-col-first\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_2105413156\">\n\t\t\t\t\t\t<div data-animate=\"fadeInRight\">\t\t<div class=\"img-inner box-shadow-2 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"597\" src=\"https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/multiple-swatches-1024x599.png\" class=\"attachment-large size-large\" alt=\"multiple swatches\" srcset=\"https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/multiple-swatches-1024x599.png 1024w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/multiple-swatches-500x292.png 500w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/multiple-swatches-1000x585.png 1000w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/multiple-swatches-300x175.png 300w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/multiple-swatches-768x449.png 768w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/multiple-swatches-1536x899.png 1536w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/multiple-swatches.png 1918w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_2105413156 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_1234964706 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n#section_1234964706 .section-bg-overlay {\n  background-color: #3171ee;\n}\n@media (min-width:550px) {\n  #section_1234964706 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_1234964706 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1482768480\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-642590265\">\n\t<div id=\"col-1749193949\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_233777889\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner box-shadow-2 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"508\" src=\"https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Variation-Swatches-in-Shop-Loop-1024x510.png\" class=\"attachment-large size-large\" alt=\"WooCommerce Variation Swatches in Shop Loop\" srcset=\"https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Variation-Swatches-in-Shop-Loop-1024x510.png 1024w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Variation-Swatches-in-Shop-Loop-500x249.jpg 500w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Variation-Swatches-in-Shop-Loop-1000x498.jpg 1000w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Variation-Swatches-in-Shop-Loop-300x149.png 300w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Variation-Swatches-in-Shop-Loop-768x382.jpg 768w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Variation-Swatches-in-Shop-Loop-1536x765.jpg 1536w, https:\/\/www.welaunch.io\/de\/wp-content\/uploads\/sites\/11\/2020\/07\/Variation-Swatches-in-Shop-Loop-2048x1020.jpg 2048w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_233777889 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1870841316\" class=\"col medium-12 small-12 large-6 medium-col-first\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Vorteile von Bildattributen<\/h2>\n<p><strong>Die Umwandlung von Attribut-Text in Bilder erleichtert die Navigation auf WooCommerce-Produktseiten erheblich.<\/strong><\/p>\n<ul>\n<li>Die Bildattribute sind auf die 80% der Web-Benutzer ausgerichtet, die \u00fcber mobile Ger\u00e4te online gehen<\/li>\n<li>WooCommerce-Produktinformationen werden klarer und interaktiver<\/li>\n<li>Einfacheres Durchsuchen der Angebote f\u00fchrt letztendlich zu h\u00f6heren Leads und mehr Konvertierungen vor Ort<\/li>\n<\/ul>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_1482768480 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n@media (min-width:550px) {\n  #section_1482768480 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_1482768480 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n","protected":false},"excerpt":{"rendered":"<p>M\u00fcde von langweiligen Texten bei Attributen und Eigenschaften? Mit unserem WooCommerce-Attributbilder-Plugin k\u00f6nnen Sie Attribute einfach in Bilder umwandeln. Dies funktioniert auch bei Produkten, bei denen Sie Variationen verwenden &#8211; ersetzen Sie einfach die langweiligen Variation Select-Felder durch Bildauswahlfelder.<\/p>\n","protected":false},"featured_media":2644,"comment_status":"open","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"product_brand":[],"product_cat":[43,41],"product_tag":[],"class_list":{"0":"post-4427","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-woocommerce-plugins","7":"product_cat-plugins","9":"first","10":"instock","11":"shipping-taxable","12":"purchasable","13":"product-type-variable"},"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/product\/4427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/comments?post=4427"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/media\/2644"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/media?parent=4427"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/product_brand?post=4427"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/product_cat?post=4427"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/product_tag?post=4427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}