Rabatt-Tag-Element

Informationen zum Rabatt-Tag-Element

Das Rabatt-Tag ist ein untergeordnetes Element des Produktmodul in GemPages. Seine Hauptfunktion besteht darin, den auf ein Produkt gewährten Rabatt entweder in Prozent (%) oder als Betrag (z. B. 10 $ Rabatt) anzuzeigen. Dies ist besonders nützlich für Geschäfte, die Ausverkäufe oder zeitlich begrenzte Angebote durchführen oder Preissenkungen visuell darstellen.

Typische Anwendungsfälle:

• Zeigen Sie % Rabatt neben dem Verkaufspreis an
• Heben Sie Einsparungen in Produktlisten hervor
• Rabattinformationen auf Zielseiten oder Sammlungsseiten anzeigen

Wie fügen Sie Ihrer Seite das Rabatt-Tag-Element hinzu?

Da es Teil des Produktmoduls ist, muss das Rabatt-Tag platziert werden innerhalb des Moduls richtig funktionieren.

Empfohlenes Setup: Anzeige mit Produktpreis und Vergleichspreis

Befolgen Sie diese Schritte, um Ihrer Seite mit GemPages Editor v7 ein Rabatt-Tag-Element hinzuzufügen.

Schritt 1:: In dem GemPages Dashboard, wählen Sie die Seite aus, an der Sie arbeiten möchten, und öffnen Sie den Editor. Wenn Sie keine Produktmodul, ziehen Sie eines per Drag & Drop auf Ihre Seite. 

Schritt 2:: Platzieren Sie ein Zeilenelement an der gewünschten Stelle und teilen Sie es in drei Spalten auf. Unter Spaltenbreite, wählen "An Inhalt anpassen"

Schritt 3:: Platzieren Sie den Produktpreis in der ersten Spalte, gefolgt vom Vergleichspreis in der zweiten Spalte. Das Rabatt-Tag sollte in der letzten Spalte platziert werden. 

Wenn Sie auf das Element „Rabatt-Tag“ klicken, wird in der linken Seitenleiste die Einstellungskonfiguration angezeigt. Sie besteht aus zwei Hauptregisterkarten: Einstellungen , Erweitert. 

Konfigurieren der Registerkarte „Einstellungen“

Typ – Inhalt

Sie haben die Wahl, entweder den gesparten Betrag oder den Prozentsatz für Ihr Produkt anzuzeigen. Im Inhalt Geben Sie im Abschnitt das Tag ein, das Sie präsentieren möchten.

Denken Sie daran, dass die Währung Ihre Shopify-AdministratorWenn Sie das Format ändern möchten, können Sie dies tun, indem Sie auf Shopify Admin > Einstellungen.

Text

Design: Wählen Sie aus den verfügbaren vordefinierten Stilen einen Stil für den Text aus.

Schriftart: Wählen Sie die Schriftart für Ihr Textetikett aus dem Dropdown-Menü. Falls Sie andere Schriftarten verwenden möchten, lesen Sie, wie Sie eine benutzerdefinierte Schriftart hier.

Formate: Bestimmen Sie Ihre bevorzugte Schriftgröße.

Farbe,: Wählen Sie eine Farbe aus der Palette oder geben Sie den Hex-Code der Farbe ein. 

Klicken Sie auf „Mehr anzeigen“ Schaltfläche, um weitere Anpassungsoptionen anzuzeigen. 

Font Gewicht: Wählen Sie die gewünschte Schriftstärke aus dem bereitgestellten Dropdown-Menü.

Linienhöhe: Passen Sie die Höhe des Textes an, indem Sie einen Prozentwert angeben.

Buchstaben-Abstand: Ändern Sie den Abstand zwischen Buchstaben, indem Sie einen Wert in Pixeln eingeben.

Texttransformation: Wandeln Sie den Text nach Wunsch in Großbuchstaben, Kleinbuchstaben oder Großbuchstaben um.

Hintergrundfarbe

Wählen Sie eine Farbe aus der Palette oder geben Sie den Hex-Farbcode für die Hintergrundfarbe des Rabatt-Tags ein. 

Grenze

Grenze: Definieren Sie das Aussehen des Rahmens Ihres Tags, indem Sie die Rahmenfarbe, den Stil und die Position auswählen.

CORNER: Geben Sie Ihren gewünschten Wert in das bereitgestellte Feld ein, um die gewünschte Randkrümmung zu erreichen.

Größe

Wählen Sie eine Größe aus der Dropdown-Liste oder passen Sie Ihre Tag-Größe an, indem Sie auf die Schaltfläche mit den drei Punkten klicken.

Ausrichten

Mit diesem Parameter können Sie bestimmen, wie das Element 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 zu Registerkarte Erweitert und befolgen Sie die Anweisungen in Dieser Artikel.

Häufig gestellte Fragen

1. Warum wird das Rabattschild nicht angezeigt?

Stellen Sie sicher:

• Das Rabatt-Tag wird platziert innerhalb ein Produktmodul
• Das Produkt verfügt sowohl über eine Preis und einem Preisvergleich in Shopify festgelegt. Wenn kein vergleichbarer Preis definiert ist, kann der Rabatt nicht berechnet werden.

2. Kann ich den Rabatt-Tag auf der Produktliste verwenden?

Ja, Sie können den Rabatt-Tag in die Product List Element zum Anzeigen von Rabatten über Sammlungen oder Zielseiten hinweg.

3. Kann ich das Format der Rabattanzeige ändern (z. B. „Sparen Sie 10 $“ statt „-10 %“ anzeigen)?

Ja. Wählen Sie unter „Typ“ zwischen Betrag und Prozentsatz und passen Sie den Text entsprechend an.

4. Der Rabatt beträgt 0 %, was soll ich tun?

Überprüfen Sie Ihre Shopify-Produkteinrichtung noch einmal:

• Der Vergleichspreis muss höher als der Preis.
• Damit der Rabatt korrekt berechnet werden kann, müssen beide Felder ausgefüllt werden.

5. Kann ich das Tag für die mobile Ansicht anders gestalten?

Ja, mithilfe der reaktionsfähigen Einstellungen von GemPages können Sie Größe, Ausrichtung oder Sichtbarkeit pro Gerät anpassen.