Wie nutzt man das Styla CMS Modul "Text und Image"?

Das Textmodul besteht aus den folgenden optionalen Elementen: Titel, Text und CTA-Button. Der Texteditor kann für Überschriften (h1 - h3), Listen (geordnet und ungeordnet), Anführungszeichen, Links und Formatierungen (stark, kursiv) verwendet werden.

Beschreibung
Das Textmodul besteht aus den folgenden optionalen Elementen: Titel, Text und CTA-Button. Der Texteditor kann für Überschriften (h1 - h3), Listen (geordnet und ungeordnet), Anführungszeichen, Links und Formatierungen (stark, kursiv) verwendet werden.

Für das Bildmodul können Sie optional eine Beschreibung festlegen (es kann die Produktbeschreibung sein, aber Sie können den Text auch bearbeiten) und es mit einer Seiten-URL verknüpfen. Wenn Sie die URL angeben, können Sie wählen, ob die Seite im gleichen oder in einem neuen Browser-Tab geöffnet werden soll.

 

 

Version

Image and Text in einer Zeile

einfacher Text

Text als Überschriften

Images

Usecase

 

Emotionalität wecken - Bildvergleich mit Text

einfache Textabsätze ohne Überschrift

nur Überschrift

Emotionalität wecken - Bildvergleich mit Text

Layout

  • Zeile: 1:2 Layout / Standardbreite
  • Abstand oben: Groß
  • Kein Hintergrund
  • Zeile: 1:2 Layout / Standardbreite
  • Abstand oben: Groß
  • Kein Hintergrund


  • Zeile: Einspaltig / geringere Breite
  • Abstand oben: Groß
  • Kein Hintergrund

 

  • Zeile: Dreispaltiges Layout / Voller Beschnitt
  • Ausrichtung: mittig / Abstand oben: Groß / Innere Abstände: Mittel
  • Hintergrund: Füllung: Farbe / Breite: Voller Anschnitt / Zeilenpolsterung: Mittel

Settings

  • Bild: Keine Beschriftung, keine URL
  • Bildseitenverhältnis: Sqaure
  • Text: Standard, keine Voreinstellung
  • Text: Farbe der Überschrift im Texteditor

 

  • Text zentriert ausrichten
  • Text-Voreinstellung: Text in voller Breite
  • CTA-Schaltfläche: Primäres Styling
  • CTA-Ausrichtung: Zeile, Mitte
  • Text zentriert ausrichten
  • Keine Voreinstellung
  • andere Farbe
  • Image breite: 75%

  • Linked - öffnet in neuem tab

Preview

d5da6c57-37a1-44e1-aa17-4b5da99b2faf-png-1

 

bda652fe-6747-4efd-a675-f41fbf9cfe04-png
ad718eaa-1694-4738-800d-51d3bbdc4d81-png