Installieren, Modus wählen, Produktseite testen.
Die meisten Shops benötigen nur die Kernschritte: Plugin aktivieren, Automatische Kategorie-Produkte oder Verknüpfte Produkte wählen und die Ausgabe im Shop prüfen.
Support und Dokumentation
Alles, was du brauchst, um das Plugin zu installieren, zu konfigurieren und Fehler zu beheben.
Eine vollständige Anleitung zur Installation verknüpfter Produkt-Swatches, zur Wahl des richtigen Modus, zum Styling und zur Lösung von Theme-Kompatibilität.
Praktische Einstellungen statt generischer Hilfe.
Die folgende Anleitung konzentriert sich auf echte WooCommerce-Entscheidungen: Produktfamilien, Shortcode-Platzierung, Styling und Theme-Kompatibilität.
Brauchst du Hilfe bei der Einrichtung?
Schreibe dem Support mit Website-URL, Theme-Name und kurzer Beschreibung deiner Konfiguration.
support@sweetplugins.comE-Mail-Support
Wenn du Hilfe bei Installation, Moduswahl oder Theme-Kompatibilität brauchst, kontaktiere direkt den Sweet Plugins Support.
support@sweetplugins.com
E-Mail senden
Für schnelleren Support nenne Produkt-URL, WooCommerce-Theme, Plugin-Version und eine kurze Beschreibung des erwarteten Verhaltens.
Installation
- Hochladen und aktivieren Verknüpfte Produkt-Swatches für WooCommerce.
- Open Verknüpfte Produkt-Swatches im WordPress-Admin-Menü.
- Wähle Automatische Kategorie-Produkte oder Verknüpfte Produkte.
- Speichere die Einstellungen und öffne ein WooCommerce-Produkt, um die Ausgabe im Shop zu testen.
Screenshot der Admin-Übersicht
Hauptseite mit Bereichen für Verhalten, Platzierung, Stil, Kompatibilität und Lizenz.
Swatch-Modus wählen
Automatische Kategorie-Produkte
Nutze dies, wenn jedes Produkt einer Kategorie als verknüpfter Swatch angezeigt werden soll. Es ist die schnellste Einrichtung für Produktfamilien wie Farben, Materialien oder Ausführungen.
- Swatches werden aus der aktuellen Produktkategorie gezogen.
- Kategorie-Einstellungen können Swatches für eine ganze Kategorie deaktivieren.
- Produkteinstellungen können einzelne Produkte ausschließen.
Linked Produkts
Nutze dies, wenn die exakte Beziehung manuell im Produkteditor gesteuert werden muss.
- Redakteure wählen die verknüpften Produkte pro Produkt.
- Kategorie-Steuerungen werden ignoriert.
- Ideal für kuratierte Kollektionen oder kategorieübergreifende Optionen.
Globale Einstellungen
Die Einstellungsseite steuert die Shop-Ausgabe für jedes Produkt, das das Plugin nutzt.
AnzeigemethodeWähle automatische WooCommerce-Hook-Platzierung oder manuelle Shortcode-Platzierung.
Automatische PositionWähle den WooCommerce-Hook, der bei automatischer Platzierung verwendet wird.
Vorschau-EffekteAktiviere Hover-Vorschauen für Bild, Titel und Preis auf Desktop.
Nicht verfügbare SwatchesWähle, ob nicht verfügbare Produkte weiterhin als Optionen erscheinen sollen.
Icon-ReihenfolgeSortiere Produkte nach Datum, Titel, Menüreihenfolge oder zufällig.
Produkt settings
Jedes Produkt hat ein Swatch-Panel im Produkteditor.
Produkt swatch panel screenshot
Wähle Produktbild, eigenes Icon oder Farbe. Füge Tooltip, Titel-Attribut und Alt-Text hinzu.
- Produkt Image: nutzt das Beitragsbild des Produkts als Swatch.
- Eigenes Icon: lade ein eigenes quadratisches Icon hoch.
- Color: generiert einen einfachen Farb-Swatch.
- Tooltip-Text: steuert den Desktop-Tooltip.
- Swatch deaktivieren: blendet ein Produkt aus automatischen Swatch-Gruppen aus.
- Linked Produkts: erscheint im Verknüpft-Modus, um genaue verwandte Produkte zu wählen.
Kategorie-Einstellungen
Im Automatikmodus können Produktkategorien Swatches für die ganze Kategorie aktivieren oder deaktivieren. So bleiben nicht verwandte Kategorien sauber, ohne jedes Produkt zu bearbeiten.
Shortcode-Platzierung
Nutze den Shortcode, wenn ein Builder oder eigenes Template volle Kontrolle über die Swatch-Position braucht.
[lpswc]Set Anzeigemethode to Manuelle Shortcode-Platzierung wenn der Shortcode die Ausgabe übernimmt.
Swatch style
Das Plugin bietet visuelle Steuerungen, sodass die meisten Shops kein eigenes CSS benötigen.
Swatch-GrößeBreite und Höhe in Pixeln.
Icon-AbstandRechter Abstand zwischen Swatches. Leer lassen, um den Standard-CSS-Wert zu nutzen.
Rahmenbreite und FarbeRahmenstil inaktiver Swatches.
Ausgewählter RahmenKontur des aktiven Swatches. Leer lassen, um die Standardkontur zu deaktivieren.
RahmenradiusQuadratische, abgerundete oder runde Swatches.
SchattenVordefinierte Schatten von keiner bis stark.
Galerie-Kompatibilität
Der Kompatibilitätsassistent steuert, wie das Plugin Hauptbild, Titel und Preis für Vorschauen findet.
- Automatisch erkennen: testet gängige WooCommerce-, Elementor- und Theme-Selektoren.
- Manuelle erweiterte Selektoren: legt exakte CSS-Selektoren für eigene Templates fest.
- Mobil: Hover-Vorschauen werden auf Touch-Geräten übersprungen, damit Taps direkt navigieren.
Lizenzen und private Updates
Der Lizenzschlüssel wird auf der Kundenseite in der WordPress-Option gespeichert wcpvs_license_key. Bei Update-Prüfungen sendet das Plugin Schlüssel, Website-URL und installierte Version an den Sweet-Plugins-Update-Endpunkt.
Der Update-Server validiert die Lizenz, bevor er eine Paket-URL zurückgibt. Die ZIP-Datei sollte ausgeliefert werden über download.php, not as a public direct file.
Fehlerbehebung
Updates erscheinen nicht
Stelle sicher, dass die Remote-Version höher als die installierte Version ist, die Lizenz gültig ist und die WordPress-Update-Transients aktualisiert wurden.
Mobil ist Doppeltippen nötig
Leere zuerst Seiten- und Cache-Optimierungen. Das Plugin injiziert einen nicht optimierten Touch-Bootstrap, aber gecachtes HTML kann noch eine ältere Version ausliefern.
Hover-Vorschau aktualisiert das falsche Bild
Stelle den Kompatibilitätsassistenten auf manuellen Modus und setze einen genaueren Bildselektor.
Die aktive Swatch-Kontur kollidiert mit eigenem CSS
Leave the Ausgewählter Rahmen field empty to disable the default selected outline.