Lagerthekenelement

Informationen zum Lagerbestandszähler-Element in GemPages

Das Lagerzählerelement ist so konzipiert, dass der verbleibende Lagerbestand Ihres Produkts mit einem Fortschrittsbalken, einem Symbol oder Text angezeigt wird. Es funktioniert mit Shopifys Bestandsführungssystem und kann an Ihr Geschäftsbranding angepasst werden.

Warum den Stock Counter verwenden?

• Erzeugen Sie Dringlichkeit, indem Sie auf begrenzte Lagerbestände hinweisen.
• Schaffen Sie Vertrauen durch Transparenz Lagerstatus.
• Unterstützen Sie Verkaufskampagnen, indem Sie Lagermeldungen bearbeiten (z. B. „Nur noch 5 auf Lager!“).

Wie fügen Sie Ihrer Seite ein Lagerbestandszählerelement hinzu?

Damit es ordnungsgemäß funktioniert, platzieren Sie den Lagerbestandszähler einfach im Produktmodul Ihrer Seite. Befolgen Sie diese Schritte, um einen zu Ihrer Seite hinzuzufügen.

Schritt 1: Zugriff GemPages Dashboard > Seiten, und suchen Sie die Zielseite, um den Editor zu öffnen.

Schritt 2: Suchen Sie in der linken Seitenleiste nach dem Lagerzähler Element, und ziehen Sie eines per Drag & Drop in das Produktmodul.

Die Konfigurationen des Elements sind in der linken Seitenleiste verfügbar. Wir werden sie in den nächsten Abschnitten behandeln.

Konfigurieren der Registerkarte „Einstellungen“

Layout

Wählen Sie das Layout des Lagerzählerelements aus diesen Optionen aus:

• Vollständig: Das Element enthält ein Symbol, Text und einen Fortschrittsbalken.
• Text und Fortschrittsbalken
• Symbol und Text
• Nur Text
• Nur Fortschrittsbalken

Produktquelle

Klicken Sie auf das Produkt, um es im Produktelement zu verwalten.

Fortschrittsbalken

Da das Layout voll ist, Fortschrittsbalken wird automatisch eingeschaltet. Passen Sie den Fortschrittsbalken nach Wunsch an:

• Verbleibender Prozentsatz: Passen Sie den Prozentsatz des verbleibenden Lagerbestands an. Wenn Sie beispielsweise 20 % einstellen, wird der Balken als fast leer angezeigt, was auf Knappheit hindeutet.
• Farbe: Passen Sie die Farbe des Fortschrittsbalkens an Ihr Shop-Branding an. Verwenden Sie die Farbauswahl oder geben Sie einen HEX-Code ein.
• Wirkung: Aktivieren oder deaktivieren Sie die Animation für den Fortschrittsbalken.
  • Ja: Die Leiste füllt sich mit einer sanften Animation.
  • Nein: Der Balken erscheint statisch.
• Größe: Definieren Sie die Dicke des Fortschrittsbalkens (in Pixeln). Eine höhere Zahl erzeugt einen dickeren Balken.
• Position: Wählen Sie, wo der Fortschrittsbalken relativ zum Text angezeigt werden soll:
  • Oben: Über dem Aktientext wird ein Balken angezeigt.
  • Unten: Unter dem Aktientext wird eine Leiste angezeigt.
• Ecke: Passen Sie den Eckradius an, um den Fortschrittsbalken scharf, rund oder pillenförmig zu gestalten.

Icon

Passen Sie das im Lagerzählerelement angezeigte Symbol an.

• Symbol: Wählen Sie aus den verfügbaren Symbolen von GemPages oder laden Sie Ihr eigenes hoch (nur SVG-Dateien werden akzeptiert).
• Größe Passen Sie die Symbolgröße (in Pixeln) an. Größere Symbole ziehen mehr Aufmerksamkeit auf sich, während kleinere das Design dezent halten. 
• Farbe: Passen Sie die Symbolfarbe an Ihr Shop-Branding an. Geben Sie einen HEX-Code ein oder verwenden Sie die Farbauswahl.
• Position: Entscheiden Sie, wo das Symbol angezeigt werden soll:
  • Links: Vor dem Text wird ein Symbol angezeigt.
  • Rechts: Das Symbol wird nach dem Text angezeigt.

Größe

Mit der Größeneinstellung können Sie die Breite der Lagerzählerkomponente auf Ihrer Seite definieren.

Breite: Legen Sie fest, wie viel horizontalen Platz der Lagerzähler einnehmen soll:

• Geben Sie ein Prozentsatz Wert (z. 50%), um den Zähler relativ zur Containerbreite zu skalieren.
• Geben Sie ein Pixel Wert (z. 300px), um eine feste Breite festzulegen.

Kleinere Werte halten den Zähler kompakt, was für Seitenleisten oder engere Layouts nützlich ist.

Text

Unter dem Text Ändern Sie den Button-Text nach Ihren Wünschen:

• Inhalt: Standardmäßig ist es auf „Nur noch %number% übrig„. Ändern Sie es, um Kunden zum Handeln zu bewegen.
• Stile: Wählen Sie den Textstil aus Überschrift 1-6 or Absatz 1-3 als globaler Stil. 
• Schriftart: Wählen Sie einen Schriftstil, der zu Ihrer Markenidentität passt.
• Größe: Passen Sie die Schriftgröße an, um den Text hervorzuheben.
• Farbe,: Wählen Sie eine Farbe, die Ihr Design ergänzt.
• Font Gewicht: Steuern Sie, wie dick oder dünn der Text angezeigt wird.
• Linienhöhe: Passen Sie den Zeilenabstand zur besseren Lesbarkeit an.
• Buchstaben-Abstand: Erstellen Sie ein moderneres oder kompakteres Erscheinungsbild, indem Sie den Abstand zwischen den Buchstaben ändern.
• Transformieren: Wandeln Sie den Text in Großbuchstaben, Kleinbuchstaben oder den ersten Buchstaben jedes Wortes in Großbuchstaben um.
• Schatten: Wenden Sie Schlagschatteneffekte an, um die visuelle Tiefe zu verbessern. 

Nicht vorrätig

Diese Einstellungen steuern, was passiert, wenn der Lagerbestand des Produkts ausgeht.

• Aktion: Wählen Sie, was der Zähler tun soll:
  • Zeige Nachricht: Zeigt eine benutzerdefinierte Meldung an, wenn der Artikel nicht vorrätig ist.
  • Element ausblenden: Der Lagerzähler wird auf der Seite ausgeblendet.
• Symbol: Wählen Sie ein Symbol aus, das mit der Meldung „Nicht vorrätig“ angezeigt werden soll (z. B. Paket, Warnung, Kreuz).
• Inhalt: Bearbeiten Sie den Nachrichtentext (Standard: „AUSVERKAUFT“).
• Symbolfarbe: Passen Sie die Farbe des Symbols „Nicht vorrätig“ an.
• Textfarbe: Passen Sie die Farbe des Nicht-Lager-Textes an.

Nachricht

Passen Sie Nachrichten basierend auf den Lagerbedingungen an:

• Verkaufen, wenn OOS (Nicht vorrätig): Fügen Sie eine Nachricht hinzu, die Kunden zum Warten oder Vorbestellen auffordert (z. B. „Bald wieder auf Lager! Bleiben Sie dran.“).
• Unbegrenzter Vorrat: Legen Sie eine Nachricht fest, wenn der Lagerbestand nicht begrenzt ist (z. B. „Beeilung! KÄUFER KOMMEN LOS“).

Anzeigeoption

Steuern Sie, wann der Lagerzähler angezeigt werden soll:

• Immer zeigen: Den Zähler immer anzeigen.
• Anzeigen, wenn unter: Zähler nur anzeigen, wenn der Restbestand unter einem festgelegten Grenzwert liegt.

Ausrichten

Stellen Sie die Ausrichtung des Lagerzählers innerhalb seines Containers auf links, Zentrumden Recht.

Konfigurieren der Registerkarte „Erweitert“

Für erweiterte Anpassungen navigieren Sie bitte zu Erweitert und folgen Sie den Anweisungen in Dieser Artikel.

Häufig gestellte Fragen

1. Kann ich den Lagerzähler außerhalb des Produktmoduls verwenden?

Nein, das Element muss im Produktmodul platziert werden, um die Bestandsdaten korrekt abzurufen.

2. Wird Stock Counter mit dem Shopify-Inventar synchronisiert?

Ja. Es spiegelt den im Bestandsverwaltungssystem von Shopify verwalteten Bestand wider.