Zum Inhalt springen
7 Tage kostenlos testen
Deutsch
English简体中文繁體中文ČeštinaBald verfügbarDanskBald verfügbarNederlandsSuomiBald verfügbarFrançaisDeutschItaliano日本語한국어Norsk bokmålBald verfügbarPolskiPortuguêsEspañolSvenskaTürkçe
In Claude öffnen Fragen zu dieser Seite stellenIn ChatGPT öffnen Fragen zu dieser Seite stellen

Label-Gruppe erstellen (innerhalb des Produktbilds)

Fassen Sie mehrere Labels zu einer Gruppe zusammen, die über dem Produktbild angezeigt wird.

Wählen Sie Inside product image, wenn die Gruppe über dem Produktfoto liegen soll – die übliche Wahl für Labels wie „Sale“, „New“ oder „Best seller“, die in einer Ecke des Bilds gestapelt werden.

  1. Öffnen Sie in Ihrem Shopify Admin Sami Product Labels und klicken Sie in der App-Seitenleiste auf Badge groups.

    App-Seitenleiste mit ausgewähltem Eintrag „Badge groups“

    Badge groups befindet sich in der Seitenleiste zwischen Badges & Labels und Extra Features.

  2. In einem Shop ohne Gruppen sehen Sie Create your first badge group. Klicken Sie auf Create badge group, um den Editor zu öffnen.

    Leerer Zustand von Badge groups

    Klicken Sie auf Create badge group, um den Gruppeneditor zu öffnen.

  3. Wählen Sie oben im Tab Design die Option Inside product image. Die Gruppe wird über dem Produktfoto positioniert.

  4. Die Gruppe heißt standardmäßig Label group. Öffnen Sie das Menü … über der Vorschau, klicken Sie auf Rename und geben Sie einen Namen mit bis zu 50 Zeichen ein – zum Beispiel „Summer sale labels“.

  5. Klicken Sie unter Label Selection auf Add labels to group. Suchen Sie nach dem Namen, markieren Sie die gewünschten Labels und klicken Sie dann auf Select.

    Dialog „Add labels to group“

    Markieren Sie jedes Label, das enthalten sein soll, und klicken Sie dann auf Select.

  6. Öffnen Sie den Bereich Design und legen Sie fest, wie die Labels gemeinsam aussehen:

    Einstellung Was sie steuert
    Select layout Horizontal oder Vertical gestapelt.
    Item size Die Größe jedes Labels, als Prozentwert oder fester Wert.
    Label gap Der Abstand zwischen den Labels in Pixeln.
    Predefined position Einer von neun Ankerpunkten auf dem Produktbild (Ecken, Kanten, Mitte).
    Margin Versatz vom Ankerpunkt nach oben, unten, links und rechts.

    Beobachten Sie beim Anpassen die Live-Vorschau rechts. Mit dem Menü Product page / Collection page und den Desktop-/Mobil-Symbolen sehen Sie die Gruppe im jeweiligen Kontext.

    Bereich „Design“ mit Layout, Größe, Abstand und dem Positionsraster mit neun Punkten

    Das Raster mit neun Punkten verankert die gesamte Gruppe auf dem Produktbild.

  7. Klappen Sie Advance Section auf, um eigenes CSS für die Gruppe hinzuzufügen. Überspringen Sie diesen Schritt, es sei denn, Sie benötigen ein Styling, das die obigen Einstellungen nicht bieten.

  8. Wechseln Sie zum Tab Placement und wählen Sie einen Condition type:

    Option Verhalten
    Keep individual label conditions Jedes Label wird anhand seiner eigenen Targeting-Regeln angezeigt oder ausgeblendet.
    Set a custom group condition Ignoriert die einzelnen Regeln und verwendet eine Bedingung für die gesamte Gruppe.

    Wenn Sie die zweite Option wählen, werden die Bedingungen Product, Customer, Page, Language, Country und Other für die Gruppe eingeblendet – siehe Gruppenbedingungen einrichten.

    Tab „Placement“ mit den zwei Bedingungstypen

    Verwenden Sie eine eigene Gruppenbedingung, wenn die gesamte Gruppe einer Regel folgen soll.

  9. Klicken Sie oben rechts auf Save. Die Gruppe wird sofort auf passenden Produktseiten angezeigt.

War diese Seite hilfreich?