Nach Gerät und Seite anzeigen

Im Tab Display des Badge-Editors legen Sie fest, wo und wann ein Badge angezeigt wird, nachdem der Tab Products bestimmt hat, auf welche Produkte es zutrifft.

Der Tab besteht aus einer Liste einklappbarer Bereiche:

Bereich	Was er steuert	Dokumentiert unter
Customer conditions	Welche Personen das Badge sehen (angemeldet, Tags, bestimmte Kundschaft)	Nach Kundschaft targetieren
Page conditions	Auf welchen Seitentypen das Badge erscheint	Diese Seite
Language conditions	Die Sprache des Onlineshops, in der die besuchende Person surft	Nach Land und Sprache targetieren
Country conditions	Das Land der besuchenden Person	Nach Land und Sprache targetieren
Other conditions	Produktbild, Gerät und ausgeschlossene Theme-Elemente	Diese Seite
Visibility Date & Countdown	Start- und Enddatum und Countdown-Timer	Sichtbarkeit planen
Priority conditions	Welches Badge gewinnt, wenn mehrere auf ein Produkt zutreffen	Diese Seite

Der Tab Display. Bereiche mit einem Chevron lassen sich aufklappen; bei Bereichen mit einem Schalter aktivieren Sie zuerst den Schalter.

Hinweis

Bereiche mit einem Chevron (⌄) lassen sich einfach aufklappen. Bei Bereichen mit einem Schalter (Language, Country, Priority) müssen Sie den Schalter aktivieren, bevor ihre Felder erscheinen.

Den Tab „Display“ öffnen

1. Die App öffnen

   Gehen Sie in Ihrem Shopify Admin zu Apps → Sami Product Labels.

2. Badges & Labels öffnen

   Klicken Sie im linken Menü der App auf Badges & Labels. Die Liste zeigt jedes Badge mit Id, Name, Vorschau, Typ, Priorität, Position und Status.

   

   Die Liste Badges & Labels. Klicken Sie in der Spalte Actions auf das Stiftsymbol, um ein Badge zu bearbeiten.

3. Das Badge bearbeiten

   Klicken Sie in der Spalte Actions des Badges, das Sie konfigurieren möchten, auf das Stift-Symbol. Der Editor öffnet sich mit drei Tabs: Design, Products, Display.

4. Zu Display wechseln

   Klicken Sie auf den Tab Display.

Hinweis

Die Schaltflächen Save und Discard oben rechts erscheinen erst, wenn Sie etwas ändern. Wenn Sie Ihre Änderungen verwerfen möchten, klicken Sie auf Discard → Discard changes.

Page conditions

Standardmäßig wird ein Badge auf jeder Seite angezeigt, auf der das Produkt erscheint. Fügen Sie eine Seitenbedingung hinzu, um es auf bestimmte Seitentypen zu beschränken.

So fügen Sie eine Seitenbedingung hinzu

1. Page conditions aufklappen

   Klicken Sie auf die Zeile Page conditions, um sie aufzuklappen. Eine Schaltfläche + Add conditions erscheint.

   

   Ein leerer Bereich Page conditions – noch keine Regel, daher wird das Badge überall angezeigt.

2. Auf + Add conditions klicken

   Eine Bedingungszeile mit drei Feldern erscheint: Page (fest), ein Operator und ein Seitentyp. Die Standardwerte sind Page is equal to Index page.

   

   Jeder Klick auf + Add conditions fügt eine Zeile hinzu. Mit dem Papierkorb-Symbol am Zeilenende entfernen Sie sie.

3. Operator wählen

   • is equal to – zeigt das Badge nur auf dem ausgewählten Seitentyp an.
   • is not equal to – zeigt das Badge überall außer auf dem ausgewählten Seitentyp an.

4. Seitentyp wählen

   Option	Wo das Badge erscheint
   Index page	Die Startseite Ihres Onlineshops
   Collection page	Listing-Seiten von Kollektionen bzw. Kategorien
   Product page	Einzelne Produktseiten
   Article Page	Blogartikelseiten
   Blog page	Blog-Listing-Seiten
   Cart page (including cart drawer)	Die Warenkorbseite und der ausklappbare Warenkorb
   Search page	Seiten mit Suchergebnissen
   Specific pages	Nur die exakte URL, die Sie eingeben (siehe nächster Schritt)

   

   Die acht Seitentypen, die für eine Seitenbedingung verfügbar sind.

5. Bei Specific pages die URL eingeben

   Wenn Sie Specific pages wählen, erscheint ein viertes Feld. Geben Sie die vollständige URL der Seite in Ihrem Onlineshop ein, zum Beispiel https://your-store.myshopify.com/pages/summer-sale. Der Platzhalter zeigt als Orientierung die URL Ihres eigenen Shops.

   

   Specific pages fügt ein URL-Feld hinzu – fügen Sie die vollständige Seiten-URL ein, nicht nur den Pfad.

6. Speichern

   Klicken Sie oben rechts auf Save.

Achtung

Ein Badge muss auch weiterhin zum Tab Products passen. Eine Seitenbedingung schränkt ein, wo ein passendes Produkt sein Badge anzeigt – sie bewirkt nie, dass das Badge auf Produkten erscheint, auf die es nicht zutrifft.

Other conditions

Klappen Sie Other conditions auf, um zu steuern, welches Produktbild das Badge trägt, auf welchen Geräten es angezeigt wird und welche Theme-Elemente übersprungen werden.

Einstellung	Optionen	Verhalten
Show on (product page)	All images / First image	Zeigt das Badge auf jedem Galeriebild oder nur auf dem ersten (Haupt-)Produktbild an.
Device targeting	All devices / Desktop / Mobile	Beschränkt das Badge auf Desktop- oder Mobilnutzende oder zeigt es auf allen Geräten an.
Do not show label on	CSS-Klassenliste – .CLASS1, .CLASS2,...	Das Badge wird auf keinem Element dargestellt, das zu diesen Klassen passt. Nützlich, wenn ein Slider, eine Schnellansicht oder ein Upsell-Bereich in Ihrem Theme für die Badge-Platzierung ungeeignet ist.

Einstellungen für Bild, Gerät und Ausschlüsse befinden sich alle unter Other conditions.

Hinweis

Do not show label on erwartet CSS-Klassen-Selektoren, durch Kommas getrennt und jeweils mit einem Punkt beginnend – zum Beispiel .product-card__slider, .quick-view. Untersuchen Sie das Element in Ihrem Theme, um den Klassennamen zu finden.

Priority conditions

Wenn mehrere Badges auf dasselbe Produkt zutreffen, entscheidet die Priorität, welches angezeigt wird.

1. Priority conditions aktivieren

   Klicken Sie auf den Schalter in der Zeile Priority conditions. Ein Feld Priority value erscheint.

2. Prioritätswert eingeben

   Geben Sie eine Zahl von 0 bis 100 ein. 0 ist die höchste Priorität, 100 die niedrigste. Die App zeigt denselben Hinweis unter dem Feld an.

   

   Niedrigere Zahl = höhere Priorität. Ein Badge wird ausgeblendet, wenn das Produkt bereits ein Badge mit höherer Priorität hat.

3. Speichern

   Klicken Sie auf Save. Der Wert wird nun in der Spalte Priority der Liste Badges & Labels angezeigt, sodass Sie alle Ihre Badges auf einen Blick vergleichen können.

Achtung

Badges mit deaktivierter Priorität erscheinen in der Liste als None und sind nicht Teil des Vergleichs. Wenn ein Badge zuverlässig vor einem anderen gewinnen soll, legen Sie bei beiden einen Prioritätswert fest.

Beispiel für Priorität

Badge	Prioritätswert	Ergebnis bei einem Produkt, das auf beide zutrifft
Sale off	0	Wird angezeigt
Best seller	10	Ausgeblendet

Nächste Schritte

• Badge-Position ändern – Passen Sie an, wo das Badge auf dem Produktbild sitzt.
• Produkte targetieren – Legen Sie fest, welche Produkte Ihr Badge anzeigen.
• Sichtbarkeit planen – Legen Sie Start- und Enddatum für ein Badge fest.

Tipp

Brauchen Sie Hilfe?

Wenn Sie bei diesen Schritten auf Schwierigkeiten stoßen, schreiben Sie uns an [email protected].