Der Short Description Block ruft dynamisch die Kurzbeschreibung jedes WooCommerce-Produkts ab und zeigt sie auf Ihren Single Product Templates an. Anstatt eine statische Beschreibung zu schreiben, verwendet dieser Block einen Shortcode, um automatisch die richtige Kurzbeschreibung für jedes Produkt in Ihrem Katalog abzurufen, wodurch Ihre Vorlagen ohne manuellen Aufwand korrekt bleiben.
Dieser Block ist ausschließlich für die Verwendung auf Single Product Templates konzipiert. Die Kurzbeschreibung erscheint normalerweise in der Nähe des Produkttitels und des Preises und gibt den Käufern einen prägnanten Überblick über das Produkt, bevor sie weiterlesen. Sie können den Shortcode mit benutzerdefiniertem Text ergänzen, die Ausrichtung und Schriftgröße pro Gerät anpassen und Typografie- und Farbstile anwenden, damit die Beschreibung perfekt zu Ihrer Marke passt.
Hinzufügen des Short Description Blocks zu Ihren Seiten
Befolgen Sie diese Schritte, um einen Short Description Block zu Ihrer SeedProd Single Product Template hinzuzufügen:
Schritt 1: Block hinzufügen
Ziehen Sie unter Design > Blöcke > WooCommerce-Vorlagen-Tags den Short Description Block in den gewünschten Bereich Ihrer Single Product Template.
Schritt 2: Inhaltseinstellungen konfigurieren
Nach dem Hinzufügen klicken Sie auf den Short Description Block, um seine Einstellungen zu öffnen. Im Tab Inhalt enthält der Abschnitt Text das Shortcode-Feld und die Anzeigeoptionen für die Produktkurzbeschreibung.
- Text: Das Inhaltsfeld ist mit dem Shortcode
vorab gefüllt, der automatisch die Kurzbeschreibung von WooCommerce für jedes Produkt abruft. Sie können bei Bedarf benutzerdefinierten Text vor oder nach dem Shortcode hinzufügen. Wechseln Sie mit der Schaltfläche unter dem Feld zwischen den Modi Visueller Editor (Rich Text) und HTML bearbeiten (Code). - Ausrichtung: Legen Sie die horizontale Ausrichtung des Beschreibungstextes fest – Links, Mitte oder Rechts. Unterstützt gerätespezifische Ausrichtung für Desktop, Tablet und Mobilgeräte.
- Schriftgröße: Legen Sie die Schriftgröße des Beschreibungstextes mit dem Schieberegler (10–72px) fest. Unterstützt gerätespezifische Größen für Desktop, Tablet und Mobilgeräte.
Schritt 3: Design anpassen
Im Tab Erweitert können Sie das Erscheinungsbild des Beschreibungstextes gestalten und seine Sichtbarkeit auf verschiedenen Geräten steuern.
Stile:
- Typografie: Legen Sie Schriftfamilie, -stärke, Zeilenhöhe, Buchstabenabstand und Texttransformation für den Kurzbeschreibungstext fest, um eine detaillierte Kontrolle über den Font-Size-Schieberegler im Inhalts-Tab hinaus zu erhalten.
- Farbe: Legen Sie die Textfarbe der Kurzbeschreibung fest.
- Textschatten: Fügen Sie einen Schatteneffekt direkt zum Beschreibungstext hinzu. Wählen Sie aus voreingestellten Größen (Keine, Haarlin, Klein, Mittel, Groß, X-Groß, 2X-Groß), um dem Text Tiefe oder Hervorhebung zu verleihen.
- Schatten: Fügen Sie dem gesamten Blockelement einen Box-Schatten hinzu, um es visuell vom umgebenden Seiteninhalt abzuheben.
Abstand:
- Abstand außen: Steuern Sie den äußeren Abstand um Ihren Kurztext-Block (Oben, Rechts, Unten, Links). Dies bestimmt, wie viel Platz zwischen der Beschreibung und den umgebenden Elementen wie dem Produkttitel oder der Schaltfläche „In den Warenkorb“ erscheint.
- Abstand innen: Passen Sie den inneren Abstand innerhalb Ihres Kurztext-Blocks an (Oben, Rechts, Unten, Links). Dies schafft Freiraum zwischen dem Beschreibungstext und den Blockrändern.
Attribute:
- CSS-ID: Zeigt die automatisch generierte eindeutige Kennung für Ihren Kurztext-Block an. Diese ID wird automatisch von SeedProd für benutzerdefinierte Stile oder JavaScript-Ziele erstellt.
- Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um spezifische Stile aus Ihrem Theme oder benutzerdefinierten CSS anzuwenden.
- Benutzerdefinierte Attribute: Fügen Sie dem Wrapper-Element des Blocks HTML-Attribute hinzu. Geben Sie jedes Attribut in eine neue Zeile im Format ein: attribut-name|wert (z. B. data-description|short).
Gerätesichtbarkeit:
- Auf Desktop ausblenden: Blenden Sie den Kurztext-Block auf Desktop-Bildschirmen aus.
- Auf Tablet ausblenden: Blenden Sie den Kurztext-Block auf Tablet-Geräten aus.
- Auf Mobilgeräten ausblenden: Blenden Sie den Kurztext-Block auf Mobilgeräten aus.
Animationseffekte:
- Eingabeanimation: Wählen Sie aus verschiedenen Animationseffekten, die abgespielt werden, wenn der Kurztext-Block ins Sichtfeld gescrollt wird. Optionen sind Bounce, Fade In, Zoom In, Rotate In und viele mehr.
Schritt 4: Speichern Sie Ihre Änderungen
Wenn Sie die Konfiguration des Kurztext-Blocks abgeschlossen und sein Aussehen angepasst haben, stellen Sie sicher, dass Sie Ihre Arbeit speichern.
Sie haben erfolgreich einen Kurztext-Block zu Ihrer Einzelproduktvorlage hinzugefügt! Der Block zeigt automatisch die richtige Kurzbeschreibung für jedes Produkt in Ihrem WooCommerce-Shop an, was Ihnen Zeit spart und die Konsistenz in Ihrem Katalog gewährleistet. Experimentieren Sie mit Typografie, Textfarbe und geräteabhängiger Ausrichtung, um Ihre Produktbeschreibungen so darzustellen, dass sie Käufer zu einem Kauf anregen.