Produktbildelement

Informationen zum Produktbildelement

Mit dem Element „Produktbilder“, das Teil des Produktmoduls ist, können Sie Bilder eines bestimmten Produkts direkt von Ihrem Shopify-Admin aus präsentieren.

Dieses Element verfügt über:

• Ausgewähltes Bild: Das Hauptbild, das aus dem ersten Bild im Medienbereich Ihrer Shopify-Administrator > Produkt.
• Bildliste: Eine Sammlung von Bildern aus demselben Medienbereich, angezeigt als visuelle Galerie.

Um das Element „Produktbilder“ zu verwenden, stellen Sie sicher, dass Sie im Medienbereich Ihres Shopify-Adminbereichs ein Produkt mit Bildern haben.

So fügen Sie Ihrer Seite ein Produktbildelement hinzu

Hinweis: Für eine ordnungsgemäße Funktion muss die Produktbilder-Element sollte positioniert werden innerhalb eines Produktmoduls.

Schritt 1: Besuchen Sie das GemPages Dashboard > Seiten, und klicken Sie auf die Zielseite, um den Editor zu öffnen.

Schritt 2: Wenn Sie keine Produktmodule auf Ihrer Seite haben, ziehen Sie sie per Drag & Drop a Produktelement zu Ihrer Wunschposition.

Das Produktelement enthält mehrere untergeordnete Elemente, darunter das Produktbildelement.

Schritt 3: AZeichen ein Produkt zum Element in der Produktquelle .

Beziehen auf Dieser Artikel Für weitere Informationen über Produkte zuordnen in GemPages.

Schritt 4: Klicken Sie auf das Hauptbild, um auf das Produktbildelement zuzugreifen

Konfigurieren der Registerkarte „Einstellungen“

Layout

GemPages bietet derzeit 9 vorgefertigte Layouts, mit denen Sie sowohl das vorgestellte Bild als auch die Bilderliste effektiv anzeigen können.

Produktquelle

Es gibt zwei Möglichkeiten, ein Produkt für das Produktmodul auszuwählen: Anzeige nach zugewiesenem Produkt or Manuell auswählen.

• Anzeige nach zugewiesenem Produkt

Wenn Sie die Option „Nach zugewiesenem Produkt anzeigen“ auswählen, wird die aktuelle Vorlage dynamisch auf alle zugewiesenen Produkte angewendet. Das Produkt wird nach dem Zufallsprinzip ausgewählt und auf der aktuellen Editorseite angezeigt.

Bewegen Sie den Mauszeiger über die aktuelle Produktquelle und klicken Sie auf das bearbeiten Symbol zum Öffnen der Wählen Sie ein Produkt Von dort aus können Sie weitere verfügbare zugewiesene Produkte auswählen.

• Manuell auswählen

Mit dieser Option können Sie mehrere Produktmodule auf derselben Vorlage und mit bestimmten Variantenoptionen anzeigen. 

Um eine Auswahl zu treffen, klicken Sie auf Manuell auswählen, und es öffnet sich ein Fenster mit einer Liste von Produkten, aus denen Sie auswählen können. 

Ausgewähltes Bild

Das vorgestellte Bild dient als primäre visuelle Darstellung Ihres Produkts. 

Dieser Abschnitt umfasst:

Bildliste

In diesem Abschnitt können Sie steuern, wie Ihre zusätzlichen Produktbilder (Miniaturansichten) unter oder neben dem vorgestellten Bild angezeigt werden.

Konfigurieren:

Artikelabstand

Zustand anzeigen

Unter dem Zustand anzeigen Im Abschnitt „Bild“ können Sie aus der Dropdown-Liste eine Bedingung für das Standardbildelement auswählen, darunter:

LCP optimieren

Wenn Sie möchten, dass das Bild vorab geladen wird, sobald Besucher auf Ihre Seite zugreifen, wählen Sie Ja für diesen Abschnitt.

Ausrichten

Mit diesem Parameter können Sie bestimmen, wie das Bild auf Ihrer Seite positioniert wird. Sie können zwischen drei Optionen wählen: linksbündig, zentriert und rechtsbündig.

Konfigurieren der Registerkarte „Erweitert“

Für erweiterte Anpassungen navigieren Sie bitte zur Registerkarte „Erweitert“ und folgen Sie den Anweisungen in Dieser Artikel.

Häufig gestellte Fragen zum Produktbildelement

1. Warum werden meine Produktbilder nicht auf der Seite angezeigt?

Wenn Ihre Produktbilder nicht angezeigt werden, kann dies folgende Gründe haben:

• Das Element „Produktbilder“ wird nicht in einem Produktmodul platziert.
• Dem zugewiesenen Produkt im Produktmodul fehlen Medieninhalte im Shopify-Admin.

Einblick in das Dieser Artikel zur detaillierten Fehlerbehebung.

2. Warum werden meine Produktbilder langsam geladen?

Langsames Laden kann folgende Ursachen haben:

• Hochauflösende Bilder sind nicht für das Web optimiert.
• Ohne Lazy Loading werden zu viele Bilder auf einmal geladen.

Beziehen auf dem Leitfaden zur Optimierung der Bildgeschwindigkeit.

3. Kann ich das Element „Produktbilder“ auf Nicht-Produktseiten verwenden?

Ja. Das Element „Produktbilder“ kann auf jeder Seite verwendet werden, solange es innerhalb eines Produktmodul.

4. Kann ich die Bildreihenfolge in GemPages neu anordnen?

Nein. Die Bildreihenfolge wird aus dem Produktmedienbereich des Shopify-Adminbereichs übernommen. Um die Anzeigereihenfolge zu ändern, müssen Sie die Medien in Shopify neu anordnen.

5. Kann ich dem Element „Produktbilder“ ein Video hinzufügen?

• Gehe zu Produkte in Ihrem Shopify-Adminbereich.
• Wählen Sie das Produkt aus, zu dem Sie ein Video hinzufügen möchten.
• Im Medien Abschnitt, klicken Sie auf + Schaltfläche und laden Sie Ihr Video hoch.
• Klicken Sie auf Gespeichert um die Änderungen zu übernehmen.
• Gehen Sie zurück zu Ihrer Produktseite in GemPages und klicken Sie auf SynchronisierungDas Video erscheint dann im Produktbilder Element.

6. Wie kann ich eine Seite so einrichten, dass sie ein bestimmtes Produkt mit seinen Bildern anzeigt?

Schritt 1: Ziehen Sie eine Produktmodul in Ihr Layout.

Schritt 2: Weisen Sie dem Modul ein Produkt zu, indem Sie:

• Anzeige nach zugeordnetem Produkt: Wenden Sie die aktuelle Vorlage dynamisch auf alle zugewiesenen Produkte an.
• Manuell auswählen: Wählen Sie ein Produkt direkt aus Ihrem Shopify-Katalog aus.

Schritt 3: Sobald das Produkt zugewiesen ist, Produktbilder Das Element im Modul ruft automatisch die Produktbilder aus der Shopify-Verwaltung ab und zeigt sie an.

Weitere Informationen finden Sie auf Dieser Artikel.

7. Warum wird mein Produktbild nicht mit meinem Shopify-Produkt synchronisiert?

Das Element „Produktbild“ lädt Bilder nur dann dynamisch, wenn es sich innerhalb eines Produktmoduls befindet und ein Produkt zugewiesen ist.

Wenn Ihr Produktfoto nicht aktualisiert wird, überprüfen Sie, ob das Produkt in Shopify über Medien verfügt. Klicken Sie dazu auf [Link einfügen]. Synchronisierung in GemPages und stellen Sie sicher, dass die Anzeigebedingung mit Ihren verfügbaren Medien übereinstimmt (z. B. 1. Bild, 1. Variante).

8. Wie erstellt man eine Produktbild-Diashow?

Wenn Sie einen erstellen möchten benutzerdefinierte Bilder-Diashow wo Sie jedes Bild manuell steuern können, können Sie Ihren eigenen Schieberegler erstellen. Karussell-Element und Bildelemente.

Befolgen Sie diese Schritte, um Bilder in einer benutzerdefinierten Produktbild-Diashow zu erstellen und zu ändern:

Schritt 1: Ziehen Sie im GemPages Editor per Drag & Drop eine Karussell-Element an der Stelle auf Ihrer Seite, an der Sie den Produktbild-Slider anzeigen möchten.

Schritt 2: Ziehen Sie im Inneren des Karussells ein Bildelement in den Schieberegler.

Schritt 3: Wählen Sie das Bildelement aus und laden Sie anschließend Ihr Produktbild hoch.

Schritt 4: Wiederholen Sie den gleichen Vorgang für die restlichen Folien im Karussell:

• Fügen Sie ein ein Bildelement zu jeder Folie
• Laden Sie das Produktbild hoch, das Sie anzeigen möchten.
• Ordnen Sie die Folien in der gewünschten Reihenfolge an.

Schritt 5: Um ein vorhandenes Bild später zu ändern, wählen Sie einfach das Bildelement innerhalb der Folie aus und laden Sie ein neues Bild hoch, um das alte zu ersetzen.