Der Block „Produktbestand“ zeigt die Echtzeit-Verfügbarkeit jedes WooCommerce-Produkts in Ihren Einzelproduktvorlagen an. Indem Sie Ihren Kunden genau zeigen, wie viele Einheiten auf Lager sind, schaffen Sie eine gewisse Dringlichkeit und helfen den Käufern, schnellere Kaufentscheidungen zu treffen.
Dieser Block ist ausschließlich für die Verwendung in Einzelproduktvorlagen vorgesehen. Er verwendet einen dynamischen Shortcode, um automatisch die Lagerbestände für jedes Produkt aus WooCommerce abzurufen, sodass die Informationen ohne manuelle Aktualisierungen korrekt bleiben. Sie können den Shortcode auch mit benutzerdefiniertem Text kombinieren, die Schriftgröße und Ausrichtung anpassen und die Ausgabe mit Typografie, Farben und Schatteneffekten gestalten.
Hinzufügen des Produktbestandsblocks zu Ihren Seiten
Befolgen Sie diese Schritte, um einen Produktbestandsblock zu Ihrer SeedProd-Vorlage für einzelne Produkte hinzuzufügen:
Schritt 1: Block hinzufügen
Ziehen Sie unter „Design > Blöcke > WooCommerce-Vorlagen-Tags“ den Block „Produktbestand“ per Drag & Drop in den gewünschten Abschnitt Ihrer Einzelproduktvorlage.
Schritt 2: Inhaltseinstellungen konfigurieren
Klicken Sie nach dem Hinzufügen auf den Block „Produktbestand“, um dessen Einstellungen zu öffnen. Auf der Registerkarte „Inhalt“ können Sie den Text für die Bestandsanzeige bearbeiten, die Ausrichtung anpassen und die Schriftgröße festlegen.
- Text: Das Inhaltsfeld ist bereits mit dem
Shortcode, der dynamisch die Lagerbestände für jedes Produkt aus WooCommerce abruft. Sie können vor oder nach dem Shortcode einen benutzerdefinierten Text hinzufügen – zum Beispiel „Nur noch auf Lager!“ –, um eine überzeugendere Botschaft zu erstellen. Wechseln Sie zwischen den Visueller Editor (Rich Text) und HTML bearbeiten (Code) Modi mithilfe der Schaltfläche unterhalb des Feldes. - Ausrichtung: Legen Sie die horizontale Ausrichtung des Standardtextes fest – links, mittig oder rechts. Unterstützt die gerätespezifische Ausrichtung für Desktop-PCs, Tablets und Mobilgeräte.
- Schriftgröße: Stellen Sie die Schriftgröße des Standardtextes mit dem Schieberegler ein (10–72px).
Schritt 3: Design anpassen
Auf der Registerkarte „Erweitert“ können Sie das Erscheinungsbild des Blocks gestalten und seine Sichtbarkeit auf verschiedenen Geräten steuern.
Stile:
- Typografie: Legen Sie die Schriftfamilie, Schriftstärke, Zeilenhöhe, Buchstabenabstand und Textumwandlung für den Standardtext fest.
- Farbe: Legen Sie die Textfarbe der Aktienanzeige fest.
- Textschatten: Fügen Sie dem Standardtext direkt einen Schatteneffekt hinzu. Wählen Sie aus voreingestellten Größen (Keine, Haarlinie, Klein, Mittel, Groß, X Groß, 2X Groß), um dem Text eine subtile oder dramatische Tiefe zu verleihen.
- Schatten: Fügen Sie dem gesamten Blockelement einen Kastenschatten hinzu, um es optisch vom Seitenhintergrund abzuheben.
Abstand:
- Rand: Steuert den äußeren Abstand um Ihren Produktbestand-Block (oben, rechts, unten, links). Damit legen Sie fest, wie viel Platz zwischen der Bestandsanzeige und den umgebenden Elementen auf der Seite angezeigt wird.
- Abstand: Passen Sie den inneren Abstand innerhalb Ihres Produktbestandsblocks an (oben, rechts, unten, links). Dadurch entsteht ein Abstand zwischen dem Bestands-Text und den Blockrändern.
Attribute:
- CSS-ID: Zeigt die automatisch generierte eindeutige Kennung für Ihren Produktbestandsblock an. Diese ID wird automatisch von SeedProd für benutzerdefiniertes Styling oder JavaScript-Targeting erstellt.
- Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um bestimmte Stile aus Ihrem Theme oder benutzerdefiniertem CSS anzuwenden.
- Benutzerdefinierte Attribute: Fügen Sie beliebige HTML-Attribute zum Block-Wrapper-Element hinzu. Geben Sie jedes Attribut in einer neuen Zeile im folgenden Format ein: Attributname|Wert (z. B. data-stock|available).
Geräte-Sichtbarkeit:
- Auf dem Desktop ausblenden: Blendet den Block „Produktbestand“ auf Desktop-Bildschirmen aus.
- Auf Tablet ausblenden: Blendet den Block „Produktbestand“ auf Tablet-Geräten aus.
- Auf Mobilgeräten ausblenden: Blenden Sie den Block „Produktbestand“ auf Mobilgeräten aus.
Animationseffekte:
- Eingangsanimation: Wählen Sie aus verschiedenen Animationseffekten, die abgespielt werden, wenn der Produktbestand-Block in den Blickbereich scrollt. Zu den Optionen gehören „Hüpfen“, „Einblenden“, „Vergrößern“, „Drehen“ und viele mehr.
Schritt 4: Speichern Sie Ihre Änderungen
Wenn Sie die Konfiguration des Produktbestandsblocks und die Anpassung seines Erscheinungsbilds abgeschlossen haben, speichern Sie Ihre Arbeit.
Sie haben erfolgreich einen Produktbestandsblock zu Ihrer Einzelproduktvorlage hinzugefügt! Der Block zeigt automatisch den aktuellen Lagerbestand aus WooCommerce für jedes Produkt an und hält die Käufer auf dem Laufenden, ohne dass Sie manuell etwas tun müssen. Experimentieren Sie mit benutzerdefiniertem Begleittext, Schriftgröße und Farbe, um eine Meldung zur Verfügbarkeit des Lagerbestands zu erstellen, die Dringlichkeit vermittelt und Kunden zum Kauf animiert, bevor der Lagerbestand aufgebraucht ist.