# Textblock-Abschnitt ### **Was Sie lernen werden** * Wie man Untertitel und Haupttext hinzufügt und formatiert * Wie man Ausrichtung, Schriftgröße und Farben steuert * Wie man Animationseffekte aktiviert * Wie man benutzerdefinierte Schriftarten hochlädt und anwendet *** ### 🧩 Abschnittsübersicht Der Textblock-Abschnitt eignet sich perfekt für Storytelling, Missionserklärungen oder Markenbeschreibungen. Sie können einen **Untertitel**, einen **Haupttextblock**hinzufügen und das Layout, die Typografie und den Abstand sowohl für Desktop als auch für Mobilgeräte anpassen. *** ### So fügen Sie den Abschnitt hinzu 1. Im **Shopify Theme-Editor**, klicken Sie **Sektion hinzufügen** 2. Wählen Sie **Textblock** 3. Positionieren Sie ihn bei Bedarf in Ihrem Layout *** ### Inhalt & Daten * **Untertitel**: Ein kleines Label oder eine einleitende Zeile (z. B. „ÜBER UNS“) * **Haupttext**: Der primäre Absatztext * Beide Felder unterstützen nur einfachen Text (kein HTML oder Rich-Formatting) *** ### Layout & Anzeige * **Untertitel-Ausrichtung**: Wählen Sie links, zentriert oder rechts * **Textausrichtung**: Wählen Sie links, zentriert oder rechts > 💡 Tipp: Zentrierte Ausrichtung funktioniert gut für kurze Missionsaussagen oder Zitate *** ### Typografie-Einstellungen #### Schriftarten Sie können aus integrierten Schriftarten wählen oder eigene hochladen. * **Untertitel-Schriftart** und **Textschriftart**: Aus Dropdown wählen * **Benutzerdefinierte Schriftart aktivieren**: Schalten Sie dies EIN, um Ihre eigene zu verwenden Um eine **benutzerdefinierte Schriftart**zu verwenden, führen Sie die folgenden Schritte aus: #### 🛠️ So fügen Sie eine benutzerdefinierte Schriftart hinzu 1. Laden Sie Ihre Schriftdatei hoch (normalerweise `.woff2`) zu **Einstellungen > Dateien** im Shopify-Admin 2. Kopieren Sie die Datei-URL 3. In den Textblock-Einstellungen: * Fügen Sie den **Schriftnamen** (z. B. "MyCustomFont") in `Benutzerdefinierter Untertitel-Schriftname` oder `Benutzerdefinierter Text-Schriftname` * Fügen Sie den **Datei-URL** in `Benutzerdefinierte Untertitel-Schrift-URL` oder `Benutzerdefinierte Text-Schrift-URL` Nach dem Speichern wird Ihr Text mit der von Ihnen hochgeladenen benutzerdefinierten Schriftart dargestellt. *** #### Schriftgrößen Passen Sie die Schriftgrößen getrennt für Desktop und Mobilgeräte an: * **Untertitel-Schriftgröße** (Desktop / Mobil) * **Text-Schriftgröße** (Desktop / Mobil) * Schalten Sie **Fetter Untertitel** oder **Fetter Text** für zusätzliche Betonung *** ### Farben * **Hintergrundfarbe**: Einfarbiger oder verlaufender Hintergrund * **Untertitel-Farbe** * **Textfarbe** Alle Farben werden mit Hex-Codes oder dem Shopify-Farbwähler festgelegt. *** ### Stil * **Textanimation**: Wählen Sie aus: * Keine Animation * Schreibmaschinen-Effekt * Hoch verblassen * Aufdecken Animationen gelten nur für den Haupttext und werden aktiviert, wenn der Abschnitt beim Scrollen in den Sichtbereich gelangt. *** ### Abstände Steuern Sie den oberen und unteren Innenabstand für Desktop und Mobilgeräte: * **Oberer Abstand (Desktop / Mobil)** * **Unterer Abstand (Desktop / Mobil)** * Schalten Sie **Abschnittspolster entfernen** um den Abschnitt randlos darzustellen > 💡 Verwenden Sie vergrößerte Abstände, wenn Sie diesen Abschnitt zwischen medienintensiven Blöcken stapeln. *** ### **Brauchen Sie Hilfe?** * 💬 **Treten Sie unserer Community auf Discord bei:** * 📧 **Schreiben Sie uns eine E-Mail an:** * 💻 **Chatten Sie live mit uns:** Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.openspaces.design/german/readme-1/sections-and-features/text-block-section.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.