Ausverkaufte Varianten in Shopify ausblenden

a horizontal row of round product colour swatches where two swatches are fading out and vanishing from the row

Ausverkaufte Varianten in Shopify ausblenden geht nicht über eine Einstellung im Adminbereich, weil Shopify keine anbietet. Ob eine nicht lieferbare Farbe im Variantenwähler verschwindet, durchgestrichen erscheint oder ganz normal anklickbar bleibt, entscheidet allein Ihr Theme. Rubik Variant Images blendet ausverkaufte Swatches auf Wunsch komplett aus, und zwar getrennt für Bild-Swatches und Pill-Swatches.

Die spannendere Frage ist aber nicht wie, sondern ob. Ausblenden ist nicht automatisch die bessere Lösung, und bei den meisten Sortimenten ist es sogar die schlechtere. Dazu unten mehr, inklusive der Fälle, in denen es eindeutig richtig ist.

Dieser Beitrag zeigt beide Wege, den Umschalter dafür und die Nebenwirkung, die fast alle übersehen: die Miniaturbilder in der Galerie.

Kurz gesagt

Kurze Antwort: Shopify hat dafür keine Einstellung, das Verhalten kommt aus dem Theme. Rubik Variant Images blendet ausverkaufte Swatches per Schalter aus oder zeigt sie durchgestrichen an, getrennt für Bild- und Pill-Swatches, und filtert dazu die Galerie pro Variante. Kostenlos für ein Produkt, danach ab $25 im Monat.

In diesem Beitrag

Was Shopify von Haus aus macht

Shopify liefert die Variantendaten an das Theme, und das Theme entscheidet über die Darstellung. In Dawn und den meisten kostenlosen Themes bleiben ausverkaufte Optionen sichtbar und werden markiert. Andere Themes machen sie unklickbar. Wieder andere zeigen sie so, als wäre alles verfügbar, und der Kunde merkt es erst beim Klick.

Einen Schalter im Adminbereich gibt es dafür nicht. Wer ohne App arbeiten will, ändert Theme-Code, meist im Variantenwähler des Produkt-Sections. Das funktioniert, überlebt aber kein Theme-Update, und Shopify weist ausdrücklich darauf hin, dass Codeänderungen bei einem Update verloren gehen können.

Ein zweiter Punkt, der oft untergeht: die Verfügbarkeit hängt an der Kombination, nicht an der einzelnen Option. Rot in Größe M kann ausverkauft sein, Rot in L nicht. Ein Schalter, der einfach alles Ausverkaufte entfernt, blendet dann Rot nur dann aus, wenn wirklich keine einzige Kombination mit Rot lieferbar ist.

Ausblenden oder durchstreichen?

Beides ist vertretbar, und die Entscheidung hängt an Ihrem Lagerverhalten, nicht am Geschmack.

SituationBesserWarum
Unikate, Einzelstücke, VintageAusblendenWas weg ist, kommt nicht wieder. Ein durchgestrichener Swatch ist nur noch Rauschen.
Saisonware, die nachgeliefert wirdDurchstreichenDer Swatch zeigt die volle Sortimentsbreite und trägt die Benachrichtigung bei Verfügbarkeit.
Größen in ModeDurchstreichenKunden suchen ihre Größe aktiv. Verschwindet sie, wirkt der Shop unvollständig statt ausverkauft.
Farben mit vielen KombinationenAusblendenZwanzig Swatches, von denen die Hälfte tot ist, sind eine Zumutung auf dem Handy.
Dropshipping mit schwankendem BestandAusblendenBestände springen, und ein ständig wechselndes Durchgestrichen sieht defekt aus.

Meine Meinung dazu, und die ist unbeliebt: bei Mode ist Ausblenden fast immer falsch. Wer seine Größe nicht findet, denkt nicht “ausverkauft”, sondern “gibt es hier nicht”. Der erste Gedanke führt zur Benachrichtigung, der zweite zum Zurück-Button.

So blenden Sie ausverkaufte Swatches aus

In Rubik Variant Images gibt es dafür zwei getrennte Schalter, einen für Bild-Swatches und einen für Pill-Swatches. Getrennt deshalb, weil viele Shops Farben als Bilder und Größen als Pills darstellen und beides selten dieselbe Behandlung braucht.

  1. App öffnen, dann Swatch settings
  2. Abschnitt Sold out options aufklappen
  3. Bild-Swatches: ausverkaufte Optionen ausblenden oder sichtbar lassen
  4. Pill-Swatches: dieselbe Entscheidung, unabhängig davon
  5. Speichern und die Produktseite in einem privaten Fenster prüfen
Swatch-Einstellungen in Rubik Variant Images mit Option zum Ausblenden ausverkaufter Varianten

Kein Theme-Code, kein Snippet, und das Ganze überlebt ein Theme-Update, weil die App als Theme App Extension läuft. Wie das Ergebnis auf einer echten Produktseite aussieht, sehen Sie im Demo-Shop, bevor Sie etwas installieren.

Die Variante ohne App

Wer es selbst im Theme lösen will: die Verfügbarkeit steckt in den Variantendaten, und im Variantenwähler lässt sich pro Option prüfen, ob überhaupt eine lieferbare Kombination existiert. In Dawn und verwandten Themes sitzt das im Produkt-Section, meist in einem Snippet mit dem Namen des Variantenwählers.

Der einfachste Eingriff versteckt nicht, sondern markiert nur. Ein CSS-Schnipsel, der die vorhandene Markierung des Themes aufgreift, reicht dafür schon:

/* Ausverkaufte Optionen zurücknehmen statt entfernen */
.product-form__input input[disabled] + label,
.product-form__input .disabled {
  opacity: .4;
  text-decoration: line-through;
}

Das gehört in das Feld für eigenes CSS in den Theme-Einstellungen, nicht in eine Theme-Datei. Echtes Ausblenden dagegen braucht Liquid, weil die Verfügbarkeit pro Kombination geprüft werden muss, und genau an dieser Stelle sammeln sich die Fehler: Größen verschwinden, die eigentlich lieferbar sind, oder die letzte verfügbare Farbe fällt ebenfalls raus. Vor jeder Änderung eine Kopie des Themes anlegen, das ist keine Höflichkeitsfloskel.

Die Miniaturbilder bleiben trotzdem

Und hier kommt der Teil, den fast jede Anleitung auslässt. Sie blenden den Swatch aus, und in der Galerie darunter liegen die Bilder der ausverkauften Variante weiter herum. Der Kunde sieht ein Foto in Petrol, sucht den passenden Swatch und findet ihn nicht. Das ist verwirrender als der durchgestrichene Swatch, den Sie gerade entfernt haben.

Deshalb gehören Variantenfilterung und Swatch-Einstellungen zusammen. Wenn die Galerie ohnehin pro Variante gefiltert wird, verschwinden die zugehörigen Bilder gemeinsam mit dem Swatch.

“We also sell a lot of one-of-a-kind variants (stock of 1 item per variant), so sometimes we have 20 variants for a given product. […] Now with Rubik, we hide all unavailable variants AND their thumbnails both at once.”

The Amma Shop, USA, Rubik Variant Images im Shopify App Store

Genau dieser Shop ist der Lehrbuchfall für Ausblenden: Bestand eins pro Variante, zwanzig Varianten pro Produkt. Nach dem Verkauf ist die Variante endgültig weg, ein durchgestrichener Swatch hätte keinerlei Nutzen.

Prüfen Sie vorher, wie viele Ihrer Produkte überhaupt saubere Variantenbilder haben. Der kostenlose Variant Image Checker zeigt das für Ihren Shop, und mit dem Swatch Preview sehen Sie vorab, wie Ihre Farbfelder wirken.

Wann Ausblenden die falsche Wahl ist

Drei Fälle, in denen ich davon abrate.

  • Sie sammeln Benachrichtigungen bei Verfügbarkeit. Ein unsichtbarer Swatch sammelt keine E-Mail-Adressen. Die Nachfrage nach einer ausverkauften Farbe ist eine Information, die Ihr Einkauf braucht.
  • Ihr Sortiment wirkt dadurch dünn. Ein Produkt, das mit zwei statt sieben Farben dasteht, verkauft schlechter, auch wenn die anderen fünf nur kurzzeitig fehlen.
  • Sie arbeiten mit Größen. Siehe oben. Fehlende Größen lesen Kunden als “passt nicht zu mir”, nicht als “gerade vergriffen”.

Der Mittelweg, den die meisten Shops am Ende wählen: Bild-Swatches für Farben sichtbar lassen und durchstreichen, Pill-Swatches für Größen ebenfalls sichtbar, und nur dort ausblenden, wo Bestand nicht zurückkommt. Genau dafür gibt es die zwei getrennten Schalter.

Wenn Sie jede Farbe als eigenes Produkt führen, gilt die Frage übrigens auf der Kollektionsseite genauso. Dort löst sie Rubik Combined Listings, das ausverkaufte Produkte aus der Swatch-Reihe nehmen oder ans Ende sortieren kann. Eine allgemeine Einordnung dazu steht auf CraftShift.

Häufige Fragen

Welche App blendet ausverkaufte Varianten in Shopify aus?

Rubik Variant Images blendet ausverkaufte Swatches aus, getrennt einstellbar für Bild- und Pill-Swatches, und filtert zusätzlich die Bildergalerie pro Variante. Die App hat 5,0 Sterne bei 426 Bewertungen, trägt das Built for Shopify Abzeichen und ist für ein Produkt kostenlos.

Kann Shopify das ohne App?

Nicht über eine Einstellung. Manche Themes bringen eine eigene Option mit, ansonsten braucht es eine Anpassung im Theme-Code des Variantenwählers. Diese Änderung kann bei einem Theme-Update verloren gehen, deshalb lohnt sich vorher eine Kopie des Themes.

Schadet das Ausblenden dem SEO?

Nein. Die Produktseite bleibt dieselbe URL mit demselben Inhalt, nur der Variantenwähler zeigt weniger Optionen. Relevanter für die Sichtbarkeit ist, dass ausverkaufte Produkte nicht dauerhaft im Google-Shopping-Feed hängen bleiben.

Was passiert mit den Bildern der ausgeblendeten Variante?

Ohne Variantenfilterung bleiben sie in der Galerie sichtbar, obwohl der zugehörige Swatch weg ist. Mit aktiver Filterung verschwinden Swatch und Bilder gemeinsam, was der eigentliche Grund ist, beides in einer App zu haben.

Funktioniert das auch bei mehreren Optionen wie Farbe und Größe?

Ja. Eine Farbe verschwindet nur, wenn keine einzige Kombination damit lieferbar ist. Ist Rot in L noch da, bleibt Rot sichtbar und nur die Größe M erscheint als nicht verfügbar.

Lässt sich das pro Produkt statt für den ganzen Shop steuern?

Die Sold-out-Einstellungen gelten shopweit. Für einzelne Produkte gibt es stattdessen Produkt-Tags, mit denen sich die Rubik-Swatches gezielt abschalten lassen, während der native Variantenwähler des Themes bestehen bleibt.

Weiterlesen

Testen Sie es an einem einzigen Produkt mit vielen Varianten. Wenn die Swatch-Reihe danach kürzer und ruhiger wirkt, war Ausblenden richtig. Wenn der Shop plötzlich leer aussieht, drehen Sie den Schalter zurück und streichen Sie stattdessen durch.

Co-Founder of Rubik Variant Images & Swatch