So zeigen Sie den Produktpreis und den Vergleichspreis in derselben Zeile an

Preis und Vergleichspreis verstehen

In GemPages, der Produktpreis Element zeigt den aktuellen Verkaufspreis an, während das Vergleichspreis Das Element zeigt den ursprünglichen oder höheren Preis vor Rabatt an. Bei gemeinsamer Verwendung betonen sie Einsparungen und fördern Conversions.

Stellen Sie vor der Einrichtung in GemPages sicher, dass Ihr Produkt in Shopify sowohl einen Preis als auch einen Vergleichspreis hat:

Schritt 1: Melden Sie sich bei Ihrem Shopify-Administrationsbereich an. Wählen Sie das Produkt aus der Liste aus, das Sie bearbeiten möchten, oder fügen Sie ein neues Produkt hinzu.

Schritt 2: Geben Sie im Abschnitt „Preise“ den Originalpreis in das Feld „Vergleichspreis“ ein.

Geben Sie den ermäßigten Preis in das Feld „Preis“ ein.

Schritt 3: Klicken Sie auf „Speichern“, um Ihre Aktualisierungen anzuwenden.

So zeigen Sie Preise an und vergleichen Preise in derselben Zeile

Befolgen Sie diese Schritte, um das Produktpreis , Vergleichspreis ordentlich in einer einzigen Zeile:

Schritt 1: Öffnen Sie die Produktseite, auf der Sie beide Preise anzeigen möchten.

Schritt 2: Ziehen Sie eine zweispaltige Zeile per Drag & Drop in das Produktmodul.

Schritt 3: Fügen Sie das Element „Produktpreis“ in einer Spalte und das Element „Vergleichspreis“ in der anderen Spalte hinzu. Diese Elemente werden automatisch mit den Preisdaten Ihres Produkts synchronisiert.

Schritt 4: Wählen Sie die Zeile mit beiden Elementen aus und stellen Sie sie auf „An Inhalt anpassen“ ein, um sie richtig auszurichten.

Zusätzliche Anpassungsoptionen

Sie können die Art und Weise, wie Sie Preis anzeigen und Preis vergleichen durch Anpassen von Stilen wie:

• Schriftart und -größe
• Schriftstärke und -farbe
• Ausrichtung innerhalb der Zeile
• Abstand und Zeilenhöhe

Weitere Informationen finden Sie im Leitfaden zu Produktpreiselementen.