So können Kunden eine Variante pro Artikel auswählen (Swatches)

Aktiviere bei einem Mengenrabattangebot die Variantenauswahl, damit Kunden für jede Einheit eine Größe, Farbe oder andere Option auswählen können. Ein „2 kaufen“-Angebot kann beispielsweise eine Tasche in Small Ivory und eine Tasche in Large Blush enthalten. Wähle Dropdowns, Farb-Swatches, Buttons oder Variantenbilder, um diese Auswahlmöglichkeiten klar darzustellen.

Variantenauswahl aktivieren

Diese Einstellung befindet sich in der Karte Variantenauswahl auf der Registerkarte Add-ons des Bundle-Editors. Ein Schalter in der Kopfzeile der Karte zeigt an, ob sie aktiviert oder deaktiviert ist.

1. Öffne das Bundle, das du bearbeiten möchtest, wechsle zur Registerkarte Add-ons und suche die Karte Variantenauswahl.
2. Aktiviere den Schalter in der Kopfzeile der Karte.

Bei regulären Mengenrabatt- und „Kaufe X, erhalte Y“-Angeboten erhält jede Einheit durch die Aktivierung dieser Einstellung eine eigene Auswahl. Wenn sie deaktiviert ist, folgt ein nicht fixiertes reguläres Angebot der im Theme ausgewählten Variante. Karten für Produkt-Bundles und Hauptprodukte, die auf eine Variantenauswahl fixiert sind, können weiterhin eine Auswahl innerhalb der Karte enthalten.

Was der Schalter steuert

Bei regulären Angeboten steuert dieser Schalter die Auswahl pro Einheit für das Hauptprodukt. Eine Produkt-Bundle-Hauptkarte behält auch bei deaktiviertem Schalter eine Auswahl innerhalb der Karte, sodass Kunden sie zusammen mit den anderen erforderlichen Produkten auswählen können. Erforderliche Bundle-Produkte, Geschenke und optionale Extras behalten, sofern zutreffend, ebenfalls ihre eigenen Auswahlmöglichkeiten. Ein fixiertes Hauptprodukt kann bei deaktiviertem Schalter außerdem eine einfache Auswahl behalten, die auf die von dir fixierten Varianten beschränkt ist.

Bei deaktiviertem Schalter verwenden Zeilen von Produkt-Bundles einfache Dropdowns. Bei aktiviertem Schalter formatieren die konfigurierten Anzeigetypen auch die Zeilen der erforderlichen Bundle-Produkte. Auswahlfelder für Geschenke und optionale Extras verwenden ihre eigenen Steuerelemente. Ein Produkt mit nur einer auswählbaren Variante kann seine Bezeichnung als Text statt in einem unnötigen Dropdown anzeigen.

Anzeigetyp für jede Option festlegen

Sobald der Schalter aktiviert ist, lädt Bundlex die bei den Produkten dieses Bundles vorhandenen Variantenoptionen und listet sie in einer Tabelle mit drei Spalten auf: Option, Anzeigetyp und Preset. Jede Zeile entspricht einer Option, zum Beispiel Größe oder Farbe.

Wähle in der Spalte Anzeigetyp, wie diese Option auf der Produktseite angezeigt wird:

• Dropdown - ein standardmäßiges Auswahlmenü.
• Farb-Swatch - kleine Farbfelder. Du kannst jeder Auswahl einen Farbwert zuweisen, siehe unten.
• Pille / Button - anklickbare Pillen oder Buttons, optional mit dem Variantenbild.
• Variantenbild - zeigt jeden Wert als Produktbild an.

Du kannst die Typen für verschiedene Optionen kombinieren, zum Beispiel einen Farb-Swatch für Farbe und ein Dropdown für Größe beim selben Produkt. Klicke neben einem Optionsnamen auf das Ansichts- bzw. Augensymbol, um in der Vorschau ein Produkt mit dieser Option anzuzeigen.

Gemeinsames Preset auswählen

Die Spalte Preset legt den visuellen Stil für einen Anzeigetyp fest. Presets werden pro Typ gemeinsam verwendet: Alle Optionen mit demselben Anzeigetyp verwenden dasselbe Preset. Wenn du das Preset für eine Option änderst, werden alle anderen Optionen dieses Typs ebenfalls aktualisiert. Farb-Swatch, Pille / Button und Variantenbild haben jeweils eigene Preset-Sammlungen. Für den Dropdown-Typ gibt es kein Preset.

Wähle im Preset-Menü Benutzerdefiniert, um den Abschnitt Swatch-Stil zu öffnen und die Gestaltung über die integrierten Presets hinaus anzupassen.

Farben für Farb-Swatches zuweisen

Wenn eine Option den Anzeigetyp Farb-Swatch verwendet, erhält jeder ihrer Werte ein Farbfeld mit einer Farbauswahl. Du kannst:

• Jede Farbe manuell mit der Farbauswahl festlegen oder einen Hex-Wert eingeben.
• Klicke auf Farben automatisch erkennen, um Farben automatisch aus den Namen der Werte zu übernehmen, zum Beispiel „Navy“ oder „Forest green“. Die automatische Erkennung füllt nur noch leere Werte aus und ist nicht verfügbar, sobald jede Farbe festgelegt ist.

Farbnamen auf Desktop anzeigen

Öffne Swatch-Stil > Farb-Swatch und aktiviere Farbnamen beim Hover anzeigen, um einen Tooltip mit dem Farbnamen anzuzeigen. Dies gilt für Farbfelder, nicht für jeden Anzeigetyp. Touch-Geräte haben keinen Hover-Tooltip.

Variantenbild anzeigen

Aktiviere Variantenbild anzeigen, sobald die Auswahl aktiviert ist, um das Bild der ausgewählten Variante neben der Variantenauswahl anzuzeigen. Dies funktioniert mit jedem Auswahltyp, nicht nur mit dem Anzeigetyp „Variantenbild“.

Variantenauswahl des Themes ausblenden

Bei aktivierter Auswahl steht dir außerdem Variantenauswahl des Themes ausblenden zur Verfügung. Dadurch wird die standardmäßige Variantenauswahl deines Themes ausgeblendet, sodass nur die Auswahl von Bundlex sichtbar ist. Die Auswahl des Themes wird per CSS ausgeblendet und nicht entfernt. Dadurch kann die normale Theme-Integration das Bild des Hauptprodukts weiterhin synchron halten. Teste dieses Verhalten mit deinem Theme.

Wenn das Bild des Hauptprodukts beim Auswählen einer Variante nicht aktualisiert wird, musst du möglicherweise den Selektor für den Variantenblock in den Einstellungen für das App-Embed von Bundlex anpassen, damit er zu deinem Theme passt. Wende dich an den Support, wenn du dabei Hilfe benötigst.

Lange Listen pro Einheit einklappen

Variantenauswahlen einklappen fasst die Auswahlmöglichkeiten jeder Einheit in einer Zeile zusammen, die einzeln geöffnet wird. Dadurch kann ein größeres Mengenrabattangebot kompakt bleiben. Dies gilt nicht für Angebote vom Typ Produkt-Bundle.

Auswahl, Bestand und Preise testen

Speichere den Rabatt und aktiviere ihn. Teste anschließend ein berechtigtes Produkt im Onlineshop. Diese Demonstration verwendet Litauen mit USD. In diesem Beispiel kostet die Tasche in Small Ivory $24 und die Tasche in Large Blush $30. Ein „2 kaufen“-Angebot mit 10 % Rabatt ergibt insgesamt $48.60. Füge es mit dem tatsächlichen Button In den Warenkorb hinzu und bestätige beide Farben, beide Größen und den Gesamtbetrag im Warenkorb und im Checkout.

Eine ausverkaufte Kombination kann sichtbar und auswählbar bleiben, solange Nicht verfügbare Varianten ausblenden deaktiviert ist. Wenn du in dieser Demo Blush / Small auswählst, wird eine Meldung zur Nichtverfügbarkeit angezeigt und der Button „In den Warenkorb“ deaktiviert. Wenn du die verfügbare Größe Large auswählst, wird der Button wieder aktiviert. Eine Kombination, die überhaupt nicht existiert, verhält sich anders: Die Auswahl kann spätere Optionen zu einer gültigen Kombination ändern. Prüfe daher nach dem Ändern einer Farbe die endgültige Größe.

Um ausverkaufte Werte aus unterstützten Auswahlfeldern zu entfernen, öffne Erweitert > Angebote und Bestand > Nicht verfügbare Varianten ausblenden. Die Verfügbarkeit richtet sich nach der Bestandsrichtlinie von Shopify. Eine Variante mit null Bestand, für die der weitere Verkauf erlaubt ist, kann weiterhin verfügbar sein. Weitere Informationen zu Umfang und Fallback-Verhalten findest du unter Verfügbarkeit von Variantenoptionen.

Wenn es nichts auszuwählen gibt

Wenn die gesamte auswählbare Menge genau eine Variante enthält, wird ein Dropdown auf der Karte zum Variantennamen reduziert. Konfigurierte Auswahlfelder oder Farbfelder können weiterhin als ausgewähltes Abzeichen sichtbar bleiben. Produkte mit nur Shopifys Standardvariante benötigen keine Auswahl.

Deshalb kann ein erwartetes Auswahlfeld fehlen. In der Regel bedeutet das eines der folgenden Dinge:

• Das Produkt hat tatsächlich nur eine Variante.
• Du hast den Artikel auf eine einzelne Variante festgelegt.
• Nicht verfügbare Varianten ausblenden ist aktiviert und nur eine Variante ist noch auf Lager.

Wenn du eine Variante wieder auf Lager nimmst oder die festgelegte Auswahl erweiterst, wird das Auswahlfeld automatisch wieder angezeigt. Das Hauptangebot und die erforderlichen Bundle-Produktkarten folgen diesem Verhalten von Auswahlfeld und Identität. Geschenke, Upsells und Add-ons haben eigene Filter für die Verfügbarkeit. Eine einzige verfügbare Auswahl zeigt möglicherweise keinen separaten Variantennamen an.

Optionen nach dem Bearbeiten von Varianten neu laden

Wenn du nach der Einrichtung Varianten zu deinen Produkten hinzufügst, umbenennst oder entfernst, klicke oben in der Tabelle mit den Variantenoptionen auf Optionen neu laden, um die neuesten Optionen zu übernehmen. Bundlex bestätigt mit der Meldung „Varianten aktualisiert“, wenn sich etwas geändert hat, oder mit „Neu geladen, keine Änderungen“, wenn der Optionssatz bereits aktuell ist. Speichere alle daraus resultierenden Änderungen, bevor du die Storefront prüfst. Neue Farben, die im Editor sichtbar sind, werden erst nach dem Speichern veröffentlicht.

Wenn keine Optionen angezeigt werden

Die Tabelle mit den Variantenoptionen benötigt Produktoptionsdaten für das Targeting des Bundles und die erforderlichen Bundle-Produkte. Wenn die Optionen noch geladen werden, warte, bis dieser Vorgang abgeschlossen ist, bevor du eine leere Tabelle als Konfigurationsproblem betrachtest. Wenn du aufgefordert wirst, Produkte oder Kollektionen auszuwählen, richte dies zuerst im Abschnitt Widget anzeigen auf ein. Wenn stattdessen „Keine Variantenoptionen für die ausgewählten Produkte gefunden“ angezeigt wird, verfügen die ausgewählten Produkte über keine Variantenoptionen, die konfiguriert werden können.