WooCommerce-Live-Demo

Interaktive WooCommerce-Swatch-Demos

Sieh, wie separate WooCommerce-Produkte wie native Variations-Swatches wirken und dennoch eigene URLs, Bilder und SEO-Inhalte behalten.

Funktioniert mit echten WooCommerce-Produkten Inspiriert von Produktnavigation im Amazon-Stil

Interaktive Live-Demo

Öffne einen Hoodie. Die Swatches verlinken den Rest.

Das sind echte WooCommerce-Produkte. Öffne eine Produktseite, um verknüpfte Swatches, Hover-Vorschauen und separate Produkt-URLs im Kontext zu sehen.

Live-WooCommerce-Produkte

Swatch-Verhalten

Verschiedene Shops, gleiche Logik verknüpfter Produkte.

Modeprodukte

Bild-Swatches

Nutze echte Produktfotos als Swatches für Farben, Stoffe oder Ausführungen.

/product/hoodie-slate-blue
  • Bild ändert sich
  • URL ändert sich
  • Echte Produktseiten
Möbelprodukte

Farb- und Material-Swatches

Verknüpfe separate Holz-, Stoff- oder Ausführungsprodukte und behalte eindeutige URLs.

/product/oak-chair-natural
  • Materialseiten
  • Einzigartiger SEO-Text
  • Native Produktlinks
Kosmetikprodukte

Farbton-Navigation

Jede Nuance behält eigene Produktinhalte, Bilder und SEO-Ziele.

/product/lipstick-rose
  • Farbton-URLs
  • Bildvorschauen
  • Separate Indexierung
Elektronik

Modell-Swatches

Verbinde Kapazitäten, Ausführungen oder Modelle, ohne alles in ein variables Produkt zu pressen.

/product/headphones-midnight
  • Modellspezifische Seiten
  • Unabhängige Preise
  • UX verknüpfter Produkte

Shortcode

Manuelle Platzierung, wenn genaue Kontrolle nötig ist.

Der echte vom Plugin implementierte Shortcode ist [lpswc]. Derzeit sind keine Shortcode-Attribute implementiert.

Korrekte Shortcode-Syntax [lpswc]
Template-Nutzung <?php echo do_shortcode('[lpswc]'); ?>
Unterstützte Parameter Keine. Nutze die Admin-Einstellungen für Modus, Position, Stil und Kompatibilität.

Features

Gezielte Funktionen für native WooCommerce-Produktseiten.

Echte verknüpfte Produkte

Verbinde einfache WooCommerce-Produkte miteinander.

SEO-friendly URLs

Jeder Swatch kann eine separate Produktseite öffnen.

Bild-Swatches

Nutze Produktfotos, eigene Icons oder Farben.

Schnelle Einrichtung

Automatischer Kategorie-Modus oder manueller Verknüpfungsmodus.

WooCommerce-nativ

Funktioniert mit normalen Produkten, Preisen und Lagerbestand.

Mobil optimiert

Touch devices navigate directly.

Lightweight frontend

Gezielte Ausgabe ohne zusätzliche Produktsysteme.

Flexible styling

Steuere Größe, Radius, Abstand und Auswahlzustand.

FAQ

Demo-Fragen, schnell beantwortet.

Kann ich einfache WooCommerce-Produkte verknüpfen?

Ja. Das Plugin verbindet separate WooCommerce-Produkte und zeigt sie als Swatches.

Does each swatch have its own URL?

Ja. Jedes verknüpfte Produkt behält eigene Produkt-URL, Bilder, Titel und SEO-Inhalte.

Ist es mit Page Buildern kompatibel?

Ja. Nutze automatische WooCommerce-Hook-Platzierung oder den echten Shortcode [lpswc] in Builder-Layouts.

Kann ich eigene Bilder verwenden?

Ja. Swatches können Produktbilder, hochgeladene Icons oder generierte Farbbilder verwenden.

Funktioniert es mobil?

Ja. Hover-Vorschauen werden auf Touch-Geräten übersprungen, damit Taps direkt zum verknüpften Produkt führen.

Is it SEO-friendly?

Ja. Wichtige Variationen können indexierbare WooCommerce-Produktseiten werden statt versteckter Attribute.

Next step

Bereit, verknüpfte Produkt-Swatches zu WooCommerce hinzuzufügen?

Beginne mit der Produktdemo und nutze dann die Dokumentation für Einrichtungsdetails.