Das Wichtigste in Kürze
- Um einen Block hinzuzufügen, suche den Abschnitt (Section) in der linken Seitenleiste des Theme Editors und klicke auf Block hinzufügen unter den bestehenden Blöcken.
- Die verfügbaren Blocktypen hängen vom Abschnitt ab – jeder Abschnitt definiert, welche Blöcke er unterstützt.
- Blöcke sind die einzelnen Inhaltselemente innerhalb eines Abschnitts: Text, Bilder, Buttons, Icons, Slides.
- Einige Abschnitte haben ein maximales Block-Limit – die Option “Block hinzufügen” verschwindet, wenn das Limit erreicht ist.
- Für Blocktypen, die dein Theme nicht unterstützt, kann Fudge aus einer einfachen Beschreibung benutzerdefinierte Abschnitte erstellen.
Um einen Block zu einem Shopify-Abschnitt hinzuzufügen, öffne den Theme Editor, suche den Abschnitt in der linken Seitenleiste, klicke unter den bestehenden Blöcken auf Block hinzufügen und wähle einen Blocktyp aus. Mit Blöcken kannst du den Inhalt innerhalb eines Abschnitts erweitern: mehr Feature-Elemente, mehr Testimonials, mehr Slides.
Warum du uns vertrauen kannst
Wir haben Hunderte von Shopify-Storefronts erstellt und angepasst. Wir haben außerdem Fudge entwickelt, den KI-Operator für Shopify-Stores, mit einer Bewertung von 4.9 im Shopify App Store.
Wie man einen Block zu einem Shopify-Abschnitt hinzufügt
- Gehe zu Onlineshop > Themes > Anpassen.
- Navigiere zu der Seite, die den Abschnitt enthält, dem du einen Block hinzufügen möchtest.
- Suche in der linken Seitenleiste den Abschnitt und klappe ihn auf, um seine Blöcke zu sehen.
- Klicke auf Block hinzufügen unter den bestehenden Blöcken.
- Ein Menü mit den verfügbaren Blocktypen für diesen Abschnitt erscheint. Klicke auf den Blocktyp, den du hinzufügen möchtest.
- Der neue Block erscheint in der Seitenleiste und in der Vorschau. Klicke darauf, um seinen Inhalt zu bearbeiten.
- Klicke auf Speichern, wenn du fertig bist.
Um einen Abschnitt mitsamt seiner Blöcke zu kopieren, siehe Einen Abschnitt in Shopify duplizieren.
Welche Blocktypen sind verfügbar?
Blocktypen variieren je nach Abschnitt. Jeder Abschnitt in deinem Theme ist so aufgebaut, dass er bestimmte Blöcke unterstützt. Beispiele:
| Abschnittstyp | Typischerweise verfügbare Blocktypen |
|---|---|
| Features-Grid | Feature-Element (Icon, Überschrift, Text) |
| Slideshow | Slide (Bild, Überschrift, Button) |
| Testimonials | Testimonial (Zitat, Name, Bewertung) |
| Bild mit Text | Button, Text-Overlay |
| Produkt-Tabs | Tab (Überschrift, Inhalt) |
Wenn du den benötigten Blocktyp nicht siehst, unterstützt dieser Abschnitt ihn nicht. Deine Optionen sind, einen anderen Abschnitt zu verwenden oder einen Custom Section (benutzerdefinierten Abschnitt) zu erstellen.
Wie du einen erstellst, erfährst du unter Einen Custom Section in Shopify erstellen.
Block-Limits
Viele Abschnitte haben eine maximale Anzahl an Blöcken. Ein dreispaltiger Features-Abschnitt könnte zum Beispiel auf drei Feature-Blöcke beschränkt sein. Eine Slideshow erlaubt vielleicht bis zu zehn Slides.
Wenn ein Abschnitt sein Limit erreicht hat, verschwindet der Button “Block hinzufügen”. Wenn du mehr Blöcke brauchst, als der Abschnitt erlaubt, benötigst du einen anderen Abschnittstyp oder eine individuelle Anpassung.
Um die Reihenfolge der Blöcke zu ändern, siehe Blöcke innerhalb eines Shopify-Abschnitts verschieben.
Blöcke zu bestimmten Abschnittstypen hinzufügen
Slides zu einer Slideshow hinzufügen
- Klicke auf den Slideshow-Abschnitt in der Seitenleiste.
- Klicke auf Block hinzufügen > Slide.
- Lege Bild, Überschrift und Button für den neuen Slide fest.
- Ändere die Reihenfolge der Slides, indem du sie an ihren Griffen (Drag Handles) in der Seitenleiste ziehst.
Elemente zu einem Features- oder Vorteile-Abschnitt hinzufügen
- Klicke auf den Features-Abschnitt.
- Klicke auf Block hinzufügen > Feature (oder wie auch immer der Abschnitt es nennt).
- Lege Icon, Überschrift und Beschreibung fest.
- Ziehe sie per Drag & Drop in die gewünschte Reihenfolge.
Buttons zu einer Hero Section hinzufügen
- Klicke auf die Hero Section.
- Klicke auf Block hinzufügen > Button.
- Lege Button-Text und Link fest.
- Die meisten Hero Sections unterstützen maximal ein oder zwei Buttons.
Was tun, wenn es keine “Block hinzufügen”-Option gibt?
Einige Abschnitte verwenden keine blockbasierte Struktur. Sie haben ein festes Layout mit einer bestimmten Anzahl von Inhaltsfeldern – keine Blöcke, die hinzugefügt oder entfernt werden können.
Wenn du “Block hinzufügen” unter dem Abschnitt in der Seitenleiste nicht siehst, hat der Abschnitt eine feste Struktur. Um mehr Elemente hinzuzufügen, musst du entweder:
- Einen anderen Abschnittstyp verwenden, der Blöcke unterstützt.
- Einen benutzerdefinierten Abschnitt per Code oder Fudge erstellen.
Wenn du einen Blocktyp benötigst, den das Theme nicht anbietet
Shopify-Themes definieren, welche Blöcke jeder Abschnitt unterstützt. Wenn du einen Blocktyp benötigst, der nicht im Menü “Block hinzufügen” erscheint, ist er im Theme nicht enthalten.
Das ist eine der häufigsten Einschränkungen, auf die Händler stoßen. Typische Beispiele:
- Ein Countdown-Timer-Block innerhalb eines Hero-Abschnitts
- Ein Produktvergleichstabellen-Block
- Ein Video-Block in einem Features-Abschnitt
- Ein Custom Icon-Block in einem Testimonials-Abschnitt
Dafür kann Fudge, der KI-Operator für Shopify-Stores, den Block aus einer Beschreibung erstellen, wie zum Beispiel “Füge einen Vergleichstabellen-Block zum Features-Abschnitt in unserem Produkt-Template hinzu”. Sag Fudge, was du brauchst und wo du es brauchst – Fudge generiert den Liquid-Code und fügt ihn deinem Theme als Entwurf zur Überprüfung hinzu.
Kurze Zusammenfassung
- Block hinzufügen: Finde den Abschnitt in der linken Seitenleiste > “Block hinzufügen” unter seinen Blöcken > Typ auswählen
- Blocktypen werden vom Abschnitt festgelegt – du kannst nur hinzufügen, was der Abschnitt unterstützt
- Blöcke neu anordnen durch Ziehen der Drag-Handles (Anfasser) in der Seitenleiste
- Block entfernen, indem du ihn anklickst und unten in den Einstellungen “Block entfernen” wählst
FAQ
Warum fehlt die Option "Block hinzufügen" in meinem Abschnitt?
Drei Möglichkeiten: (1) Der Abschnitt wurde ohne Block-Unterstützung erstellt und hat nur feste Einstellungen, (2) der Abschnitt hat sein max_blocks-Limit erreicht und "Block hinzufügen" verschwindet, bis du einen entfernst, oder (3) der Abschnitt wurde nur für App-Blöcke erstellt (du siehst einen "Apps"-Eintrag, aber keine Theme-Blöcke).
Kann ich denselben Blocktyp mehrmals zu einem Abschnitt hinzufügen?
Ja, standardmäßig schon. Die meisten Abschnitte erlauben es dir, so viele Blöcke desselben Typs hinzuzufügen, wie du möchtest, bis zum max_blocks-Limit. Um ein weiteres Testimonial hinzuzufügen, klicke einfach erneut auf "Block hinzufügen → Testimonial". Wenn ein bestimmter Block nur einmal hinzugefügt werden kann, wird dies durch das Schema des Abschnitts ausdrücklich begrenzt.
Kann ich einen Block von einem Abschnitt in einen anderen verschieben?
Nein. Blöcke sind an die Einstellungen ihres Abschnitts gebunden. Um einen Block in einem anderen Abschnitt neu zu erstellen, kopiere den Inhalt manuell (Text, Bild-URL, Link) und erstelle einen neuen Block des passenden Typs im Zielabschnitt.
Was ist der Unterschied zwischen einem Abschnitt (Section) und einem Block?
Ein Abschnitt ist ein übergeordneter Baustein einer Seite (ein Hero, ein Features-Grid, ein Testimonials-Abschnitt). Ein Block ist ein einzelnes Element innerhalb eines Abschnitts (ein Testimonial, ein Slide, ein Feature-Element). Abschnitte liegen auf der Seite; Blöcke liegen innerhalb von Abschnitten.
Kann ich einen benutzerdefinierten Blocktyp zu einem bestehenden Theme-Abschnitt hinzufügen?
Nicht ohne Code. Das Schema jedes Abschnitts definiert, welche Blöcke es akzeptiert. Um einen neuen Blocktyp zu einem bestehenden Abschnitt hinzuzufügen, bearbeitest du die .liquid-Datei des Abschnitts: Du fügst einen neuen Eintrag zum "blocks"-Array im Schema hinzu und fügst dann die entsprechende Liquid-Ausgabe ein. Oder du beschreibst, was du willst, in Fudge und lässt den Abschnitt davon anpassen. Neuere Themes, die auf Theme-Blöcken basieren, können Blocktypen abschnittsübergreifend teilen; überprüfe, ob deines einen blocks/-Ordner hat.