EHERO Woo Swatches – Visuelle Muster für WooCommerce-Variationen

Marke: 

SKU: 

ehero-woo-swatches

59,00  / Jährlich

zzgl. MwSt.

EHERO Woo Swatches ersetzt die langweiligen Variations-Dropdowns deines Shops durch visuelle Muster für WooCommerce-Variationen: Farben, Bilder, Textlabels und zweifarbige Swatches, die deine Kunden auf einen Blick sehen und auswählen können – sowohl auf der Produktseite als auch in der Shop-Übersicht.

Brauchst du etwas, das wir nicht anbieten? Kontaktiere uns!

Falls du ein Produkt oder eine Dienstleistung benötigst, die auf unserer Website nicht aufgeführt ist, zögere nicht, uns zu kontaktieren, und wir erstellen ein individuelles, maßgeschneidertes Angebot für dich und dein Projekt.

Jetzt kontaktieren!

Vollständige Produktbeschreibung

Visuelle Muster für WooCommerce-Variationen

Die nativen Dropdown-Auswahlen von WooCommerce verstecken deine Varianten hinter einem grauen Menü. Der Kunde sieht nicht, welche Farben verfügbar sind, muss das Dropdown Größe für Größe öffnen 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ür die Conversion.

EHERO Woo Swatches löst dieses Problem mit visuellen Mustern für WooCommerce-Variationen. Das Plugin fängt das Standard-Dropdown von Woo automatisch ab und ersetzt es durch einfarbige Farbmuster, Bild-Miniaturen, Text-Buttons, diagonale zweifarbige Swatches und Premium-Verläufe. Der Kunde sieht alle Optionen auf einmal, mit Tooltip beim Darüberfahren, Produktbildwechsel bei Auswahl der Variante, in Echtzeit aktualisiertem Preis und Lagerhinweis pro Variante.

Außerdem erscheinen diese visuellen Muster für WooCommerce-Variationen auch in der Shop-Übersicht: Der Kunde wählt Farbe oder Größe, ohne die Produktseite zu öffnen, 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öße, Ränder, Schatten und den Stil des ausgewählten oder ausverkauften Swatches steuert und die Farben deines Themes über CSS Custom Properties übernimmt.

Mehr visuelle Conversion
Vom grauen Dropdown zum visuellen Shop in 3 Schritten
Konfiguriere die visuellen Muster für WooCommerce-Variationen ohne eine einzige Zeile Code anzufassen.
1. Typ pro Attribut festlegen Unter Produkte → Attribute wählst du, ob jedes Attribut (Farbe, Größe, Material) als Farbe, Bild, Label oder zweifarbig angezeigt wird; das gilt sofort für alle zugehörigen Begriffe.
2. Farbe, Bild oder Verlauf jedem Begriff zuweisen Bei jedem Attributbegriff speicherst du seinen Hex-Farbwert, eine zweite Farbe für Zweifarbig, eine Miniatur, einen vordefinierten Verlauf (Gold, Silber, Ozean…) oder ein Badge – alles mit dem nativen WordPress-Farbwähler.
3. Design anpassen und Shop aktivieren Auf der Design-Seite steuerst du Form, Größe, Rand, ausgewählten und ausverkauften Swatch; du aktivierst die Swatches in der Übersicht und lässt das Plugin die Dropdowns auf der gesamten Website ersetzen.
Dokumentation Online-Handbuch (ES/EN) verfügbar hier. Fragen vor dem Kauf? Schreib uns an soporte@consultoriaehero.com

Fünf Swatch-Typen, pro Attribut konfigurierbar

Jedes Attribut deines Katalogs wird in dem Format angezeigt, das es am besten repräsentiert, ohne Kriterien zu vermischen.

  • Einfarbige Farbe mit Muster aus dem im Begriff gespeicherten Hex-Wert
  • Bild/Miniatur für Muster, Texturen oder Materialien
  • Text-Label (S, M, L, XL) mit Hintergrundfarbe, Textfarbe und optionalem Icon
  • Diagonaler zweifarbiger Swatch bei 135º und vordefinierte Premium-Verläufe (Gold, Silber, Bronze, Ozean…)

Produktseite, die konvertiert

Das Plugin ersetzt das native WooCommerce-Dropdown und synchronisiert sich mit dem Variationsformular von Woo.

  • Ausgewählter Swatch mit konfigurierbarem Rand oder visuellem Häkchen markiert
  • Ausverkaufte Variante mit Kreuz durchgestrichen, halbtransparent oder verborgen, je nach Einstellung
  • Wechsel des Galerie-Bildes bei Auswahl der Variante (gallery swap)
  • Preis in Echtzeit, Lagerhinweis ‘Nur noch X’ und Preisdelta zwischen Varianten

Swatches auch in der Shop-Übersicht

Kunden wählen die Variante, ohne die Produktseite zu öffnen, direkt aus dem Archive oder dem Shop.

  • Konfigurierbare Position: vor dem Bild, nach dem Titel oder nach dem Preis
  • Produktbildwechsel beim Klick auf einen Swatch in der Übersicht
  • Begrenzung sichtbarer Swatches mit ‘+N’-Anzeige, damit es nicht überladen wirkt
  • Variante per AJAX in den Warenkorb legen mit Aktualisierung des Mini-Warenkorbs

Design-Panel mit CSS Custom Properties

Du steuerst das Erscheinungsbild der Swatches über das Panel und übernimmst die Farben deines Themes.

  • Quadratische, runde oder abgerundete Form und Swatch-Größe in Pixeln
  • Rand, Radius, Abstand (Gap) und Skalierung beim Darüberfahren mit der Maus
  • Stil des ausgewählten Swatches (Rand/Häkchen) und des ausverkauften (Kreuz/Opazität/verborgen)
  • Variablen –ehero-swatch-* und benutzerdefiniertes CSS für erweiterte Anpassungen

Echte Kompatibilität mit deinem Stack

Entwickelt, um mit den Themes und Buildern zu funktionieren, die Shops wirklich nutzen.

  • Kompatibel mit HPOS (hochleistungsfähige Bestelltabellen von WooCommerce)
  • Automatische Neuinitialisierung in Bricks Builder und per AJAX geladenem Inhalt (Quick View)
  • Verzögertes Laden in Übersichten mit IntersectionObserver, um die Performance nicht zu beeinträchtigen
  • Unterstützt variable Produkte, variable-subscription und ehero_variable_subscription

Labels, Preis-Suffixe und Auto-Auswahl

Details, die die Darstellung von Preis und Optionen jedes Produkts verfeinern.

  • Konfigurierbares Preis-Suffix in Produktseite und Übersicht (z. B. ‘MwSt. nicht enthalten’) mit Farbe und Größe
  • Stil der Attribut-Labels: Farbe, Größe und Schriftgewicht oder ausblenden
  • Tooltip mit dem Namen der Variante beim Darüberfahren mit der Maus
  • Bild-Fallback (Variante, Produkt oder keines), wenn ein Begriff keine eigene Miniatur hat

Ideal für

Wenn du visuelle Muster für WooCommerce-Variationen suchst, ist das dein Tool. Besonders geeignet für:

👕

Mode- und Schuhshops

Kataloge mit vielen Größen und Farben, bei denen das Dropdown das eigentliche Angebot versteckt und den Kauf bremst.

🎨

Dekoration und Materialien

Produkte mit Mustern, Texturen oder Oberflächen, die sich mit Miniaturen und Bildern besser als mit Text erklären lassen.

🛒

Shops mit Conversion-Optimierung

Shops, die möchten, dass der Kunde Farbe oder Größe direkt aus der Übersicht auswählt und ohne weitere Schritte in den Warenkorb legt.

🧩

Websites mit Bricks und Quick View

Projekte auf Bricks Builder oder mit Schnellansichts-Modals, die Swatches benötigen, die sich selbst neu initialisieren.


📋 Systemanforderungen

Getestete Kompatibilität mit den aktuellen Versionen von WordPress und WooCommerce.

WordPress 5.8 oder höher
PHP 7.4 oder höher
WooCommerce 6.0 oder höher (getestet bis 9.6, HPOS-kompatibel)
Lizenz Gültiger EHERO-Schlüssel zur Aktivierung des Frontends

🛟 Technischer Support

E-Mail-Support auf Spanisch* unter soporte@consultoriaehero.com und Online-Handbuch (ES/EN), mit automatischen Updates direkt aus deinem Dashboard.


⚖️ Vergleich: Warum EHERO Woo Swatches?

Was Woo Swatches von den Alternativen unterscheidet.

Merkmal Natives WooCommerce-Dropdown Generisches Swatches-Plugin EHERO Woo Swatches
Farbe, Bild, Label und Zweifarbig ⚠️ Nur Farbe und Bild ✅ Alle vier Typen + Verläufe
Swatches in der Shop-Übersicht ⚠️ Eingeschränkt ✅ Mit Bildwechsel und +N
Variante aus der Übersicht in den Warenkorb legen ✅ Per AJAX mit Mini-Warenkorb
Kompatibel mit Bricks Builder und Quick View ⚠️ Je nach Plugin ✅ Automatische Reinit
HPOS-kompatibel ⚠️ Nicht immer
Support und EHERO-Ökosystem auf Spanisch ✅ Direkter EHERO-Support
Preis / Jahr Gratis 0-49 € 59 €

✔️ Eine Lizenz, eine Domain — alles inklusive

Verwandle jede Variante in eine sofortige visuelle Entscheidung und lass deinen Shop mehr verkaufen, ohne Code anzufassen.


Wie viele Verkäufe verlierst du jeden Tag, weil deine Kunden das Dropdown für Farben und Größen gar nicht erst öffnen?

Aktiviere noch heute die visuellen Muster für WooCommerce-Variationen und verwandle deine Dropdowns in ein Einkaufserlebnis, das wirklich konvertiert.

Entdecke alle unsere Plugins für WooCommerce oder besuche den Shop von Consultoría EHERO.

*Der Support deckt Vorfälle, Fehler und die Installation des Plugins ab; er umfasst keine Beratung, maßgeschneiderte Konfigurationen oder individuelle Entwicklungen. Es gelten Bedingungen.

Bewertungen zu EHERO Woo Swatches – Visuelle Muster für WooCommerce-Variationen

5
1 reseña
5 ★
1
4 ★
0
3 ★
0
2 ★
0
1 ★
0
Isabel ✓ Compra verificadajulio 15, 2026
CalidadCalidad: 5 de 5
Relación calidad-precioRelación calidad-precio: 5 de 5

Un acierto para WooCommerce, muy útil y fácil de usar

Muy contenta con el plugin para los selectores de variantes. Funciona muy bien y facilita mucho la elección del producto. Además, ofrecen un soporte excelente y siempre están dispuestos a ayudar.
Respuesta de Consultoría EHEROjulio 15, 2026
¡Muchas gracias por tu reseña! Nos alegra saber que EHERO Woo Swatches te está resultando tan útil y fácil de usar para elegir variantes en WooCommerce. También agradecemos mucho tus palabras sobre nuestro soporte, estamos aquí para ayudar siempre que lo necesites.
¿Te ha resultado útil?

Escribe tu reseña

Preguntas y respuestas

Aún no hay preguntas sobre este producto. ¡Sé el primero en preguntar!

¿Tienes una pregunta?

Cómo gestionamos las reseñas
Origen de las reseñas. Las reseñas las escriben clientes y visitantes de nuestra tienda. Tras cada compra enviamos una invitación por email para valorar el producto. Etiqueta "Compra verificada". Solo mostramos esta etiqueta cuando podemos comprobar que el autor compró el producto en esta tienda (mismo email que el pedido). Reseñas incentivadas. En ocasiones ofrecemos un cupón de descuento como agradecimiento por dejar una reseña. El cupón se entrega independientemente de si la valoración es positiva o negativa, y esas reseñas se identifican con la etiqueta "Reseña incentivada". Moderación. Revisamos las reseñas antes de publicarlas únicamente para filtrar spam, lenguaje ofensivo, datos personales o contenido ajeno al producto. No eliminamos ni ocultamos reseñas por ser negativas. Publicación. Las reseñas se muestran ordenadas por fecha por defecto, y el usuario puede reordenarlas o filtrarlas. La valoración media se calcula sobre todas las reseñas publicadas.

Ähnliche Produkte

Descuentos masivos en WooCommerce con EHERO Woo Discount

EHERO WooCommerce Discount

59,99  / Jährlich

Sincronización Dreamlove PrestaShop - módulo EHERO de automatización dropshipping

EHERO Prestashop Dreamlove Sync

Dauer
Jährlich
Lebenslang

Icono Gestión de proveedores WooCommerce con el plugin EHERO Woo Supplier Stock Manager

EHERO Woo Supplier Stock Manager – Sei fehlerfrei und behalte Lieferanten, Einkäufe, Kosten, Lagerbestand und Gewinne im Griff

99,99  / Jährlich

Holded WooCommerce: integración de facturación automática - EHERO Woo Holded

EHERO Woo Holded – Vollständige Holded WooCommerce-Integration

79,99  / Jährlich

Hast du Fragen zu EHERO Woo Swatches – Visuelle Muster für WooCommerce-Variationen?

Frag uns unverbindlich alles, was du wissen möchtest! Unser Team hilft dir gerne weiter.

Name: *
Firma:
E-Mail-Adresse: *
Nachricht: *

Der Verantwortliche für die Verarbeitung der bereitgestellten personenbezogenen Daten ist Consultoría EHERO SLU, der diese zum Zweck der Kontaktaufnahme und Information gemäß Ihrer über das Formular übermittelten Anfrage verarbeitet. Die Rechtsgrundlage für die Nutzung dieser Daten ist Ihre Einwilligung. Ihre Daten werden nicht weitergegeben, außer bei gesetzlicher Verpflichtung, und können von den Dienstleistern eingesehen werden, die uns Leistungen erbringen und in der Datenschutzerklärung aufgeführt sind. Sie haben das Recht, Ihre Daten bei Consultoría EHERO SLU per E-Mail an info@consultoriaehero.com einzusehen, zu berichtigen und zu löschen. Sie können außerdem eine Beschwerde bei der Aufsichtsbehörde (www.aepd.es) einreichen, wenn Sie der Ansicht sind, dass die Verarbeitung nicht den Vorschriften entspricht.

Abonniere unseren Newsletter

Erhalte exklusive Angebote und Neuigkeiten.

Erhalte 10 % Rabatt auf deine erste Bestellung!
0