Apps / Combined Listings Swatch
Visuelle Muster für Shopify-Varianten und kombinierte Produkte.
Stellen Sie Produktoptionen als Bild-, Farb-, Karten-, Schaltflächen- oder Textauswahl dar und verknüpfen Sie separate Produkte in einer visuellen Auswahl. Funktioniert auf Produktseiten, Sammelkarten und der Schnellansicht.
FarbeSalbei
Auswahlstile
Wählen Sie für jede Option den richtigen Selektor.
Farbe gehört auf ein Farbfeld. Größe ist selten der Fall. Legen Sie den Stil pro Option und pro Oberfläche fest, anstatt ein globales Erscheinungsbild zu akzeptieren.
- BildmusterDas eigene Foto der Variante mit beliebigem Radius – kreisförmig, abgerundet oder quadratisch.
- AbgerundetDie gleichen Werte, Ecken bei 10 Pixel.
- QuadratischDie gleichen Werte, Ecken bei 2 Pixel.
- Benutzerdefiniertes MusterEine hochgeladene Farb- oder Texturkachel, bei der das Foto nicht das deutlichste Signal darstellt.
- Swatch cardBild und Wertname zusammen für Bereiche, in denen die Beschriftung das Gewicht hat.
- KnopfKurze feste Sets – Größen, Längen, Mengen. Ein ausverkaufter Wert wird eher durchgestrichen als versteckt.
- DropdownEin Menü, in dem ein Menü richtig ist und dessen Stil so gestaltet ist, dass er zum Rest der Auswahl passt. Offen dargestellt.
- VerstecktEin auf einer Oberfläche unterdrückter Selektor für interne Optionen, die Käufer nicht erreichen sollen. Es wird nichts gerendert – das ist die Einstellung, die funktioniert.
- Kein Selektor gerendert
Produktseiten und Kollektionskarten haben jeweils ihren eigenen Stil, sodass eine kompakte Musterreihe im Raster neben einer vollständigen Auswahl auf der Produktseite stehen kann. Stylen Sie Ihre Farbfelder
Kombinierte Angebote
Verknüpfen Sie separate Produkte in einem Picker.
Viele Kataloge behalten jede Farbvariante als eigenes Shopify-Produkt für Fotografie, Inventar, SEO oder die Obergrenze von 100 Varianten. Eine Produktgruppe verbindet diese Produkte, sodass jede Farbvariante in einem Selektor für jedes Produkt in der Gruppe erscheint.
Fünf separate Produkte, ein Picker
- Eigene URL
- Jedes Produkt behält seine eigene Seite, Bilder, Preis und Inventar.
- Reversibel
- Es wird nichts zusammengeführt, umbenannt oder gelöscht. Entfernen Sie die Gruppe und der Katalog ist genau so, wie er war.
- Jeder Plan
- Im Gegensatz zu den kombinierten Angeboten von Shopify in jedem Shopify-Plan verfügbar.
- Jede Achse
- Gruppieren Sie nach den Gemeinsamkeiten der Produkte: Farbe, Material, Länge, Duft, Bündelgröße.
Sammlungsseiten und Schnellansicht
Zeigen Sie die Optionen an, bevor sich der Käufer zu einem Klick verpflichtet.
Ein Käufer, der ein Sammelraster scannt, kann nicht erkennen, welche Produkte in der gewünschten Farbe erhältlich sind. Farbfelder auf der Karte beantworten dies im Raster selbst.
Chore Jacket — Persimmon
Chore Jacket — Cobalt
- Sammelkarten
- Eine kompakte Farbfeldreihe auf der Karte mit eigener Stileinstellung.
- Schnelles Hinzufügen und schnelle Ansicht
- Das Modal des Themas erhält die vollständige Auswahl und fügt es in den Warenkorb.
- Produktgalerie
- Durch das Wechseln eines Farbfelds kann die Galerie nach den Medien dieser Variante gefiltert werden.
Einrichtung
Drei Schritte, im Admin und im Theme-Editor.
Das Standard-Setup erfordert kein Liquid und keine Code-Änderung am Theme.
- 01
Aus dem Shopify App Store installieren
Die App erkennt das aktive Theme und lädt die dafür getestete Konfiguration oder die generische Konfiguration, wenn das Theme nicht zu den 24 gehört.
- 02
Aktivieren Sie die Blöcke im Theme-Editor
Fügen Sie den Musterblock dort hinzu, wo sich die Variantenauswahl auf der Produktseite befindet, und auf der Sammelkarte, wenn Sie Muster im Raster haben möchten.
- 03
Wählen Sie pro Option einen Stil aus
Legen Sie Bild, Farbe, Karte, Schaltfläche, Dropdown-Liste oder Ausblenden für jede Option fest, legen Sie das Verhalten bei Nichtvorräten fest und erstellen Sie dann eine Produktgruppe für Sortimente, die als separate Produkte existieren.
Das Theme-Markup variiert. Wenn die automatische Platzierung angepasst werden muss, senden Sie die Shop-URL und der Support wird sie überprüfen.
Dokumentation
- Preis
- Kostenlose Installation
- Shopify-Pläne
- Jeder Plan, Plus nicht erforderlich
- Themen konfiguriert
- 24 getestet, plus eine generische Online Store 2.0-Konfiguration
- Setup-Hilfe
- support@awecommerce.net
Alles, was die App macht
- Bildmuster aus Variantenfotos
- Farbfelder zeigen das echte Produkt, ohne dass eine separate Asset-Bibliothek verwaltet werden muss
- Benutzerdefinierte Farb- und Texturmuster
- Eine konsistente Musterreihe, auch wenn die Produktfotografie variiert
- Swatch cards
- Optionsnamen bleiben lesbar, wenn die Farbe allein nicht eindeutig ist
- Tastenauswahl
- Größen und kurze Optionssätze bleiben nur einen Fingertipp entfernt
- Dropdown-Selektoren
- Ein Menü, bei dem ein Menü wirklich besser ist und zum Stil des Kommissionierers passt
- Einen Selektor ausblenden
- Interne oder irrelevante Optionen gelangen nie in den Laden
- Separater Stil pro Oberfläche
- Eine kompakte Reihe auf Sammelkarten, ein vollständiger Picker auf der Produktseite
- Produktgruppen
- Separate Produkte verhalten sich in jedem Shopify-Plan wie ein Bereich
- Sammelkartenmuster
- Käufer sehen die verfügbaren Farben, ohne jedes Produkt öffnen zu müssen
- Schnelles Hinzufügen und schnelle Ansicht
- Der Picker funktioniert im Modal des Themes, nicht nur auf der Produktseite
- Nicht vorrätige Anzeige
- So belassen, durchstreichen, ausgrauen oder ausblenden – „ausverkauft“ gilt als ausverkauft
- Tooltips mit Text, Bild oder beidem
- Optionsnamen bleiben auf kleinen Farbfeldern erkennbar
- Etikett mit ausgewähltem Wert
- Die gewählte Option wird in Worten ausgedrückt und nicht nur durch einen Ring angedeutet
- Filter für Galerievarianten
- Wenn Sie ein Farbfeld wechseln, wird die Galerie auf die Medien dieser Variante aktualisiert
- Benutzerdefiniertes CSS-Feld
- Ein Entwickler kann die letzte Meile ohne eine Codeänderung von AWE bewältigen
Fragen
Antworten vor der Installation.
Welche Shopify-Themes unterstützt die App?
Die App liefert getestete Konfigurationen für 24 Shopify-Themen, darunter Dawn, Horizon, Craft, Refresh, Studio und Taste, sowie eine generische Konfiguration, die andere Online Store 2.0-Themen abdeckt. Wenn die Platzierung Ihres Themas angepasst werden muss, überprüft der Support die Einrichtung.
Muss ich den Theme-Code bearbeiten?
Nein. Die Standardeinrichtung erfolgt in der App und im Theme-Editor, ohne dass Liquid geschrieben werden muss. Wenn ein Entwickler das Erscheinungsbild verfeinern möchte, steht ein benutzerdefiniertes CSS-Feld zur Verfügung.
Kann ich Farbfelder auf Kollektionsseiten anzeigen?
Ja. Sammelkarten können eine kompakte Musterreihe mit eigener Stileinstellung darstellen, sodass Käufer die verfügbaren Farben sehen, während sie das Raster scannen, anstatt jedes Produkt öffnen zu müssen.
Kann ich anstelle von Farbpunkten echte Variantenbilder verwenden?
Ja. Bildmuster verwenden das eigene Produktfoto der Variante. Sie können auch benutzerdefinierte Farb- oder Texturkacheln hochladen oder Musterkarten verwenden, die das Bild mit dem Optionsnamen verknüpfen.
Kann ich separate Produkte ohne Shopify Plus gruppieren?
Ja. Produktgruppen verknüpfen verwandte Produkte in einer Auswahl in jedem Shopify-Plan. Jedes Produkt behält seine eigene Seite, Bilder, Preis und Inventar. Die nativen kombinierten Angebote von Shopify sind auf Plus beschränkt; this is not.
Ist die App kostenlos?
Die Installation von AWE Combined Listings Swatch ist kostenlos. Die aktuellen Plandetails finden Sie im Shopify App Store-Eintrag.
Wie wird mit ausverkauften Optionen umgegangen?
Wählen Sie pro Geschäft: Lassen Sie die Option unverändert, streichen Sie sie durch, grauen Sie sie ab oder blenden Sie sie aus. Käufer können eine nicht verfügbare Auswahl von einer Option unterscheiden, die sie jetzt kaufen können.
Funktioniert es mit den Kategorie-Metafeld-Farbfeldern von Shopify?
Die App kann Optionswerte anzeigen, unabhängig davon, ob Sie die Kategorie-Metafelder von Shopify verwenden oder nicht, und fügt Stile, Oberflächen und Produktgruppierungen hinzu, die Metafelder allein nicht abdecken.
Wird es meine Storefront verlangsamen?
Das Swatch-Skript wird nur auf Seiten ausgeführt, die es benötigen, und liest Optionsdaten, die die Seite bereits enthält. Der Galeriefilter und die Tooltips sind optional, sodass eine ungenutzte Funktion nichts kostet.
Was passiert, wenn ich deinstalliere?
Die Farbfelder werden nicht mehr gerendert und die eigene Variantenauswahl des Themes kehrt zurück. Produkte, Varianten, Bilder, Preise und Lagerbestand bleiben unverändert, da die App den Katalog nie neu schreibt.
Packen Sie das gesamte Sortiment in einen Picker.
Kostenlos installieren, einen Auswahlstil pro Option festlegen und die zusammengehörigen Produkte gruppieren.
Kostenlose Installation in jedem Shopify-Plan. Keine Flüssigkeit zum Schreiben für ein Standard-Setup.