Produktelement

Was ist ein Produktelement in GemPages?

Das Produktelement ist ein wesentliches Element, das es Ihnen ermöglicht, alle Produkte von Shopify hinzuzufügen GemPagesMit der Einführung von Editor v7 ergeben sich im Vergleich zur Vorgängerversion bemerkenswerte Änderungen.

Im Folgenden finden Sie detaillierte Informationen zu diesen wichtigen Aktualisierungen. 

Um das Produktelement zu verwenden:

• Öffnen Sie den Microsoft Store auf Ihrem Windows-PC GemPages Dashboard und klicken Sie auf die Zielseite, um sie im Editor zu öffnen.
• Suchen Sie in der linken Seitenleiste nach Produktelement unter dem Elements Serie. TabSie können die Suchleiste verwenden, um dieses Element schnell zu finden.
• Wählen Sie Ihr bevorzugtes Produktlayout und ziehen und loslassen das Element an die gewünschte Position auf Ihrer Seite verschieben.

Untergeordnete Elemente

Das Produktelement umfasst mehrere untergeordnete Elemente, die dazu beitragen, verschiedene Produkteigenschaften hervorzuheben. muss innerhalb des Elements platziert werden um richtig zu funktionieren. Verfügbare untergeordnete Elemente sind:

• Produktabzeichen
• Artikelbild
• Rabatt-Tag
• Produkttitel
• Produktbeschreibung*
• Produktpreis
• Produktmenge
• Produktvarianten und Swatches
• Produktanbieter
• Produkt-SKU
• Produktpaket-Rabatt
• In den Warenkorb
• Produkt Mehr anzeigen
• Dynamischer Checkout
• Produktdatei-Upload

Hinweis: Produktdetails werden direkt aus Ihrem Shopify-Shop abgerufen. Um Produktinformationen zu bearbeiten, gehen Sie zu Shopify-Administrator > Produkte, wählen Sie das Produkt aus und aktualisieren Sie seine Details.

Konfigurieren der Registerkarte „Einstellungen“

Unter dem Einstellungen Auf der Registerkarte „Inhalte“ werden Ihnen wirksame Parameter angezeigt, mit denen Sie das Erscheinungsbild für die bestmögliche Konvertierungsrate optimieren können.

Layout

Unter dem Layout Wählen Sie in diesem Abschnitt das bevorzugte Layout aus, das Ihr Produkt anzeigen soll: horizontal or vertikal.

Außerdem können Sie im erweiterten Einstellungsfenster Folgendes tun: neu ordnen, Duplikatden löschen die Spalte unter der Spaltenreihenfolge.

Der SpaltenbreiteSie können die Breite an den Inhalt anpassen oder das Seitenverhältnis ändern.

Produktquelle

In der Produktseitenvorlage

Wenn es sich bei Ihrer Seite um eine Produktseite handelt, können Sie die Produktquelle über zwei Optionen ändern.: 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.

Hinweis: Du brauchst der Vorlage ein Produkt zuweisen um sicherzustellen, dass es auf Ihre Live-Seite angewendet wird.

• Manuell auswählen

Mit dieser Option können Sie mehrere Produktelemente auf derselben Vorlage und bestimmte 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.

In einem anderen Seitentyp

Wenn es sich bei Ihrer Seite um einen anderen Seitentyp handelt (z. B. Landingpage, Homepage usw.), bewegen Sie den Mauszeiger einfach über das aktuelle Produkt und klicken Sie auf die Schaltfläche. Stift Symbol zum Bearbeiten.

Wählen Sie anschließend das gewünschte Produkt aus der Produktliste aus.

Spaltenabstand

Den Abstand zwischen den Spalten können Sie mit dem Schieberegler einstellen oder einen genauen Wert eingeben.

Standard: 30px

Größe

• Breite: Legen Sie fest, wie breit das Produktelement sein soll.
• Polsterung: Innenabstand anpassen (Oben, Rechts, Unten, Links).

Hintergrund

Sie können die Hintergrundfarbe für Ihr Produktelement festlegen: Geben Sie einen Farbcode ein, wählen Sie eine Farbe von Ihrer Seite aus oder wählen Sie aus einer Farbpalette.

Shape

Passen Sie den Stil des Produktelements an:

• GrenzeFüge einen durchgezogenen, gestrichelten oder gepunkteten Rand hinzu.
• Radius Corner: Kanten abrunden (in px)
• Shadow: Verwenden Sie weiche oder harte Schatten, um die Sichtbarkeit zu verbessern

Anzeigeoption

In diesem Abschnitt können Sie steuern, wie sich Varianten und Mengen verhalten, wenn mehrere Produkte mithilfe des Produktelements angezeigt werden.

Standardvariante: Aktivieren Sie diese Option (JA), wenn beim Laden der Seite eine bestimmte Variante vorausgewählt werden soll.

Hinweis: Um diese Funktion nutzen zu können, stellen Sie sicher, dass Ihre Produktquelle auf Folgendes eingestellt ist: Manuell auswählen statt Zugewiesenes Produkt.

Neu/Gebraucht: Dies definiert, wie Varianten , Menge sind produktübergreifend verknüpft:

• Varianten verknüpfen, Menge zwischen gleichen Produkten: Die Varianten haben die gleiche Menge und verhalten sich wie ein einheitlicher Produktblock.
• Varianten entkoppeln, Menge zwischen demselben Produkt: Jede Variante wird hinsichtlich der Menge einzeln behandelt, auch wenn sie zum selben Produkt gehören.

Hinweis: Ändern Sie die Produktquelle im Produktelement in Manuell auswählen um die Standardvariante anzupassen. Mehr erfahren.

Ausrichten

Unter dem Ausrichten Im Abschnitt „Konfigurieren Sie die vertikale Ausrichtung Ihres Produktelements“ können Sie Folgendes auswählen:

• Top ausrichten
• Im Zentrum anordnen
• Unten ausrichten
• Vertikalen Abstand verteilen

Konfigurieren der Registerkarte „Erweitert“

Weitere Gestaltungsoptionen finden Sie auf der Registerkarte „Erweitert“. Folgen Sie dort den Anweisungen. Dieser Artikel.