Text, Bild und Trennlinie funktionieren als eigene Abschnitte auf jeder Seite und als Blöcke in vielen anderen Abschnitten. Ihre Einstellungen sind an beiden Stellen gleich, kleine Unterschiede findest du unten.
Element hinzufügen
Klicke im Builder auf Neuen Abschnitt hinzufügen. Text und Bild findest du in der Gruppe Inhalt, die Trennlinie unter Dekoration. Pro Seite kannst du bis zu 3 Text-Abschnitte, 3 Bild-Abschnitte und 10 Trennlinien hinzufügen. Um eines davon als Block einzufügen, wähle einen Abschnitt aus und klicke auf Neuen Block hinzufügen.
Text
- Text: Der Editor bietet fett, kursiv, unterstrichen, durchgestrichen, Textgröße (Klein, Normal, Groß, Riesig), Textfarbe, Markierungsfarbe und eine Schaltfläche, um die Formatierung zu entfernen.
- Voreinstellung: Standard, Absatz oder Überschrift 1 bis Überschrift 6. Überschriften nutzen deine Überschriften-Schriften und zeigen Suchmaschinen, wie die Seite aufgebaut ist. Verwende nur eine Überschrift 1 pro Seite.
- Schrift: Standard nutzt die Schrift der Vorlage. Text, Überschrift, Unterüberschrift oder Akzent nutzt stattdessen diese Schrift aus den Schriften-Einstellungen.
- Größe (10 bis 30 Pixel), Zeilenhöhe und Zeichenabstand (Eng, Normal oder Locker).
- Breite: Anpassen (so breit wie der Text) oder Füllen (volle Breite). Ausrichtung (links, mittig, rechts) erscheint bei Füllen.
Auf der Kollektionsseite kann der Text {{collection_name}}, {{collection_description}} und {{products_count}} verwenden, um die aktuellen Werte der angezeigten Kollektion zu zeigen.
Bild
- Bild: Wähle ein Bild aus deiner Medienbibliothek.
- Breite: Anpassen, Füllen oder Benutzerdefiniert mit einer Benutzerdefinierte Breite in Prozent. Ausrichtung ist bei Füllen ausgeblendet.
- Verhältnis: Auto (die eigene Form des Bildes), Hochformat, Quadrat oder Querformat. Bei einem festen Verhältnis wählst du unter Anpassen zwischen Abdecken (füllt den Rahmen, kann zuschneiden) und Einpassen (zeigt das ganze Bild).
- Eckenradius: rundet die Ecken ab, von 0 bis 100 Pixel.
- Link: optional. Beim Klick auf das Bild öffnet sich diese Adresse, zum Beispiel
https://example.com/products/your-link.
Trennlinie
Eine Linie, die Inhalte voneinander trennt. In einem gestapelten Layout ist sie waagerecht, direkt in einer horizontalen Gruppe wird sie senkrecht.
- Breite: Anpassen oder Füllen.
- Stärke: 1 bis 10 Pixel. Länge: 5 % bis 100 % des Platzes.
- Ausrichtung: Anfang, Mitte oder Ende. Sie erscheint, wenn die Länge unter 100 % liegt.
- Eckenradius: Scharf oder Abgerundet für die Linienenden.
Farben und Abstände
- Als Abschnitt hat jedes Element ein Farbschema: seinen Hintergrund, seine Textfarbe und bei der Trennlinie die Linienfarbe (die Randfarbe des Schemas). Siehe Farbschemata.
- Als Block hat Text die Option Übergeordnetes Farbschema verwenden (standardmäßig an). Schalte sie aus, um ein anderes Schema zu wählen. Bilder in Blöcken folgen ihrem Abschnitt.
- Innenabstand auf jeder Seite. Ein Trennlinien-Abschnitt erlaubt bis zu 200 Pixel, für mehr Platz zwischen Abschnitten.
Gut zu wissen
- Leerer Text wird nicht angezeigt: Ein leerer Text-Block hinterlässt in deinem Shop also keine Lücke.
- Bild ist abgeschnitten: Stelle Anpassen auf Einpassen oder das Verhältnis auf Auto.
- Trennlinie ist nicht senkrecht: Sie muss direkt in einer Gruppe mit der Richtung Horizontal liegen, siehe Wie nutze ich Gruppen-Blöcke, um Inhalte nebeneinander oder in Spalten anzuordnen?.