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 Haupttextblockhinzufü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
Im Shopify Theme-Editor, klicken Sie Abschnitt hinzufügen
Wählen Sie Textblock
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 Schriftartzu verwenden, führen Sie die folgenden Schritte aus:
🛠️ So fügen Sie eine benutzerdefinierte Schriftart hinzu
Laden Sie Ihre Schriftdatei hoch (normalerweise
.woff2) zu Einstellungen > Dateien im Shopify-AdminKopieren Sie die Datei-URL
In den Textblock-Einstellungen:
Fügen Sie den Schriftnamen (z. B. "MyCustomFont") in
Benutzerdefinierter Untertitel-SchriftnameoderBenutzerdefinierter Text-SchriftnameFügen Sie den Datei-URL in
Benutzerdefinierte Untertitel-Schrift-URLoderBenutzerdefinierte 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: https://discord.gg/hcc2GvgZc6
📧 Schreiben Sie uns eine E-Mail an: [email protected]
💻 Live-Chat mit uns: Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website verfügbar
Zuletzt aktualisiert