{"id":8487,"date":"2026-07-17T18:22:23","date_gmt":"2026-07-17T16:22:23","guid":{"rendered":"https:\/\/consultoriaehero.com\/?post_type=product&p=8487"},"modified":"2026-07-17T21:35:06","modified_gmt":"2026-07-17T19:35:06","slug":"ehero-woo-swatches-visuelle-muster-fur-woocommerce-variationen","status":"publish","type":"product","link":"https:\/\/consultoriaehero.com\/de\/produkt\/ehero-woo-swatches-visuelle-muster-fur-woocommerce-variationen\/","title":{"rendered":"EHERO Woo Swatches \u2013 Visuelle Muster f\u00fcr WooCommerce-Variationen"},"content":{"rendered":"
\n

Visuelle Muster f\u00fcr WooCommerce-Variationen<\/h2>\n

Die nativen Dropdown-Auswahlen von WooCommerce verstecken deine Varianten hinter einem grauen Men\u00fc. Der Kunde sieht nicht, welche Farben verf\u00fcgbar sind, muss das Dropdown Gr\u00f6\u00dfe f\u00fcr Gr\u00f6\u00dfe \u00f6ffnen und bricht das Produkt oft ab, ohne zu verstehen, was du verkaufst. In einem Mode-, Schuh- oder Deko-Katalog ist dieses Dropdown ein direkter Hemmschuh f\u00fcr die Conversion.<\/p>\n

EHERO Woo Swatches l\u00f6st dieses Problem mit visuellen Mustern f\u00fcr WooCommerce-Variationen<\/strong>. Das Plugin f\u00e4ngt das Standard-Dropdown von Woo automatisch ab und ersetzt es durch einfarbige Farbmuster, Bild-Miniaturen, Text-Buttons, diagonale zweifarbige Swatches und Premium-Verl\u00e4ufe. Der Kunde sieht alle Optionen auf einmal, mit Tooltip beim Dar\u00fcberfahren, Produktbildwechsel bei Auswahl der Variante, in Echtzeit aktualisiertem Preis und Lagerhinweis pro Variante.<\/p>\n

Au\u00dferdem erscheinen diese visuellen Muster f\u00fcr WooCommerce-Variationen<\/strong> auch in der Shop-\u00dcbersicht: Der Kunde w\u00e4hlt Farbe oder Gr\u00f6\u00dfe, ohne die Produktseite zu \u00f6ffnen, und kann direkt aus dem Archive in den Warenkorb legen. Alles ist pro Attribut und pro Begriff konfigurierbar, mit einem Design-Panel, das Form, Gr\u00f6\u00dfe, R\u00e4nder, Schatten und den Stil des ausgew\u00e4hlten oder ausverkauften Swatches steuert und die Farben deines Themes \u00fcber CSS Custom Properties \u00fcbernimmt.<\/p>\n

\n
\n
\n
Mehr visuelle Conversion<\/div>\n
Vom grauen Dropdown zum visuellen Shop in 3 Schritten<\/div>\n
Konfiguriere die visuellen Muster f\u00fcr WooCommerce-Variationen<\/strong> ohne eine einzige Zeile Code anzufassen.<\/div>\n<\/div>\n
\n\n\n\n\n\n\n
1. Typ pro Attribut festlegen<\/td>\nUnter Produkte \u2192 Attribute w\u00e4hlst du, ob jedes Attribut (Farbe, Gr\u00f6\u00dfe, Material) als Farbe, Bild, Label oder zweifarbig angezeigt wird; das gilt sofort f\u00fcr alle zugeh\u00f6rigen Begriffe.<\/td>\n<\/tr>\n
2. Farbe, Bild oder Verlauf jedem Begriff zuweisen<\/td>\nBei jedem Attributbegriff speicherst du seinen Hex-Farbwert, eine zweite Farbe f\u00fcr Zweifarbig, eine Miniatur, einen vordefinierten Verlauf (Gold, Silber, Ozean\u2026) oder ein Badge \u2013 alles mit dem nativen WordPress-Farbw\u00e4hler.<\/td>\n<\/tr>\n
3. Design anpassen und Shop aktivieren<\/td>\nAuf der Design-Seite steuerst du Form, Gr\u00f6\u00dfe, Rand, ausgew\u00e4hlten und ausverkauften Swatch; du aktivierst die Swatches in der \u00dcbersicht und l\u00e4sst das Plugin die Dropdowns auf der gesamten Website ersetzen.<\/td>\n<\/tr>\n
Dokumentation<\/td>\nOnline-Handbuch (ES\/EN) verf\u00fcgbar hier<\/a>. Fragen vor dem Kauf? Schreib uns an soporte@consultoriaehero.com<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n
\n

F\u00fcnf Swatch-Typen, pro Attribut konfigurierbar<\/h3>\n

Jedes Attribut deines Katalogs wird in dem Format angezeigt, das es am besten repr\u00e4sentiert, ohne Kriterien zu vermischen.<\/p>\n