Entwerfen Sie Produktfarbmuster mit dem Element „Varianten und Muster“

Was ist ein Produktfarbmuster?

A Produktfarbmuster ist ein anklickbarer, farbiger Button auf Ihrer Produktseite. Jedes Farbfeld stellt eine Farboption für das Produkt dar. Wenn ein Käufer auf ein Farbfeld klickt, werden Produktbild und -details sofort entsprechend der ausgewählten Farbe aktualisiert.

Anstatt durch Dropdown-Menüs zu navigieren, können Kunden mithilfe von Farbfeldern schneller und einfacher:

• Visualisieren Sie Produktvarianten (z. B. rote, blaue, schwarze T-Shirts).
• Vergleichen Sie die verfügbaren Optionen auf einen Blick.
• Verbessern Sie das Einkaufserlebnis, was die Konvertierungen steigern kann.

So richten Sie Farbvarianten in Shopify ein

GemPages zeigt Produktfarbmuster basierend auf den Varianten an, die Sie bereits in Shopify konfiguriert haben.

Schritt 1: Einloggen, um Shopify-Administrator.

Schritt 2: Zurück Nach Produkte > Wählen Sie ein Produkt aus, das Sie bearbeiten möchten.

Schritt 3: Scrollen Sie nach unten zum Varianten .

Schritt 4: Fügen Sie Ihre Farboptionen hinzu oder bearbeiten Sie sie (z. B. Rot, Blau, Grün).

Schritt 5: Klicken Sie auf Gespeichert.

So fügen Sie Produktfarbmuster in GemPages hinzu

Schritt 1: Öffnen Sie den Editor

Von deiner GemPages Dashboard, wählen Sie Ihre bevorzugte Vorlage (Produktseitenvorlage) aus und öffnen Sie sie im Herausgeber.

Schritt 2: Einfügen des Varianten- und Farbfeldelements

• Gehen Sie in der linken Seitenleiste zu Produkt .
• Suchen Sie den Produktmusterelement.
• Ziehen Sie das Element per Drag & Drop in Ihr Produktmodul auf der Seite.

Schritt 3: Varianteneinstellungen konfigurieren

• Klicken Sie auf das Element, um die Einstellungsfeld in der linken Seitenleiste.
• Der Varianteneinstellungen, Stellen Sie sicher, dass Typ eingestellt ist Trennen Sie die Scheiben fachgerecht..

Dadurch wird sichergestellt, dass Varianten in unterschiedlichen Kategorien angezeigt werden.

Schritt 4: Produktfarbfelder aktivieren

• Zurück Nach Option > Stil in den Elementeinstellungen.
• Auswählen Farbfeld.

• Klicken Sie auf Farbe bearbeiten öffnen Variantenstil konfigurieren Hier finden Sie Tools zum Verwalten und Anpassen der Anzeige Ihrer Farbfelder.

Schritt 5: Farben den Varianten zuweisen

• Klicken Sie auf jede Variante.
• Wählen Sie eine Farbe aus der Palette or manuell eingeben Hex-Code für präzise Farben.
• Wenn Sie fertig sind, klicken Sie auf Für alle Produkte gelten.

Dadurch wird sichergestellt, dass der ausgewählte Farbwert universell auf alle Produkte mit demselben Variantennamen angewendet wird (z. B. wird „Rot“ auf jedem Produkt mit der Option „Rot“ einheitlich angezeigt).

Schritt 6: Speichern und veröffentlichen

Nachdem Sie die Farbmuster Ihres Produkts eingerichtet haben, klicken Sie auf Gespeichert in der oberen rechten Ecke.

Dann klick Veröffentlichen um die Änderungen in Ihrem Geschäft live zu schalten.