> For the complete documentation index, see [llms.txt](https://docs.openspaces.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.openspaces.design/german/plain-jane-interactive/sections-and-features/text-block-section.md). # 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 **Abschnitt 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) * Umschalten **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)** * Umschalten **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:** * 💻 **Live-Chat mit uns:** Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website verfügbar --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## 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, and the optional `goal` query parameter: ``` GET https://docs.openspaces.design/german/plain-jane-interactive/sections-and-features/text-block-section.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. 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.