So zeigen Sie Produktbilder basierend auf ausgewählten Varianten an

Über die Funktion „Produktbild nach ausgewählter Variante anzeigen“

Mit dieser Funktion können Sie steuern, welche Produktbilder angezeigt werden, wenn ein Kunde eine bestimmte Variante auswählt.
Wenn diese Funktion aktiviert ist, zeigt GemPages automatisch nur die Bilder an, die für die gewählte Variante relevant sind, indem der Variantenname mit dem Alternativtext des Bildes abgeglichen wird.

Sie können diese Einstellung auf beides anwenden Produktelemente und Elemente der Produktliste.

So funktioniert die Funktion

Wenn ein Besucher eine Produktvariante auswählt, wird GemPages Folgendes tun:

• Vergleichen Sie den Variantennamen mit dem Alt-Text jedes Bildes in Ihrem Shopify-Produkt.
• Es werden nur Bilder angezeigt, die den Variantennamen im Alternativtext enthalten.
• Nicht verwandte Bilder werden automatisch ausgeblendet.

Sie können bestimmte Bilder auch so kennzeichnen, dass sie in allen Varianten angezeigt werden, indem Sie das Schlüsselwort „alle-varianten“ in deren Alternativtext einfügen (z. B. Pflegehinweise, Größentabelle).

Standardmäßig werden alle Produktbilder angezeigt. Sie müssen diese Option manuell aktivieren, wie unten beschrieben.

So aktivieren Sie die Option „Produktbilder nach ausgewählter Variante anzeigen“ in GemPages

Führen Sie die folgenden Schritte aus, um diese Funktion im GemPages-Editor zu aktivieren:

Schritt 1: Von deiner Shopify-Administrator, Zu gehen Apps > GemPagesÖffnen Sie anschließend die Seite, die Ihre Produktelement.

Schritt 2: Klicken Sie auf Ihre Produktelement Um es auszuwählen, suchen Sie im Ebenenbedienfeld nach der entsprechenden Schaltfläche und klicken Sie darauf. Produktbildelement im Inneren.

Schritt 3:  In der linken Seitenleiste, unter dem Einstellungen Scrollen Sie nach unten, um zu finden Zustand anzeigen.

Schritt 4: Wählen Sie die Anzeigeoption.

Sie sehen zwei Optionen:

• Alle Bilder (Standard): Zeigt alle Produktbilder unabhängig von der Variante an.
• Ausgewählte Variante: Es werden nur die Bilder angezeigt, die anhand ihres Alternativtextes mit der ausgewählten Variante übereinstimmen.

Auswählen die Ausgewählte Variante um die Funktion zu aktivieren.

Schritt 5:  Nach der Aktivierung klicken Sie auf Gespeichert und Veröffentlichen deine Seite.
Ihre Produktbilder werden nun dynamisch aktualisiert, sobald ein Besucher eine andere Variante auswählt.

So richten Sie Alternativtexte für variantenbasierte Bilder in Shopify ein

Damit diese Funktion korrekt funktioniert, müssen Sie die richtigen Werte zuweisen. Alt-Text GemPages verwendet einen Alternativtext für jedes Produktbild in Shopify, um zu bestimmen, welche Bilder zu welcher Variante gehören.

Schritt 1:  Gehen Sie in Ihrem Shopify-Adminbereich zu Produkte > [Ihr Produkt].

Schritt 2: Suchen Sie die Bilder, die Sie einer Variante zuordnen möchten.

Schritt 3: Auf ein Bild klicken → klicken Fügen Sie Alternativtext hinzu → Geben Sie den Variantennamen ein.

Nehmen wir beispielsweise an, Sie verkaufen ein T-Shirt mit folgenden Variantenoptionen:

• Farbe Rot Blau
• GRÖSSEN: S, M, L

Jedes Produktbild sollte sowohl die Farbe als auch die Größe enthalten. Alt-TextSo kann GemPages feststellen, welches Bild zu welcher Variante gehört.

Korrekte Beispiele:

Falsche Beispiele:

Für detailliertere Informationen zur Verwaltung von Produktbildern und Alternativtexten in Shopify besuchen Sie:

Shopify-Hilfezentrum – Produktmedien

Shopify-Hilfezentrum – Alternativtext hinzufügen

Häufig gestellte Fragen

1. Warum werden meine Produktbilder bei der Auswahl einer Variante nicht korrekt angezeigt?

 Falls Ihre Bilder nicht entsprechend der ausgewählten Variante aktualisiert werden, versuchen Sie Folgendes:

• Stellen Sie sicher, dass jedes Produktbild den korrekten Variantennamen enthält. Alt-Text.
• Überprüfen Sie, dass die "Ausgewählte Varianten" Option ist aktiviert in den Produktbildeinstellungen.
• Beachten Sie, dass Leerzeichen, Bindestriche (-) und Unterstriche (_) werden ignoriert. während des Matchings.
• Wenn kein Bild mit dem Variantennamen übereinstimmt, werden auf GemPages stattdessen automatisch alle Produktbilder angezeigt.

2. Wie kann ich bestimmte Bilder für alle Produktvarianten anzeigen?

Wenn Sie möchten, dass für jede Variante ein Bild (z. B. eine Größentabelle, eine Pflegeanleitung oder ein allgemeines Produktfoto) angezeigt wird, fügen Sie einfach Folgendes hinzu: „alle Varianten“ zum Alternativtext in Shopify.
GemPages zeigt dann immer dieses Bild an, unabhängig davon, welche Variante der Kunde auswählt.

3. Kann ich die Funktion „Produktbilder nach ausgewählter Variante anzeigen“ deaktivieren?

Ja. Zum Ausschalten öffnen Sie die Artikelbild Öffnen Sie die Elementeinstellungen im GemPages-Editor und deaktivieren Sie die Option „Alle Bilder“ .
Nach der Deaktivierung werden standardmäßig wieder alle Produktbilder angezeigt, unabhängig von der ausgewählten Variante.

4. Was passiert, wenn keine passenden Bilder für eine Variante vorhanden sind?

Wenn kein Alternativtext für das Bild zur ausgewählten Variante passt, wird auf GemPages automatisch angezeigt. alle verfügbaren Produktbilder.