Das Wichtigste auf einen Blick
- Blöcke sind kleinere Elemente innerhalb eines Abschnitts – Text, Bilder, Buttons, Icons.
- Um einen Block zu verschieben, klicke auf den übergeordneten Abschnitt und ziehe die Blöcke in der Seitenleiste an ihren Drag-Griffen.
- Abschnitte (Sections) sind große Inhaltsbereiche (Hero, Features, Testimonials). Blöcke sind die einzelnen Elemente darin.
- Einige Blöcke sind in ihrem Abschnitt fest fixiert und können nicht neu geordnet werden – das hängt vom Theme ab.
- Fudge kann Inhalte innerhalb eines Abschnitts neu strukturieren, wenn Drag-and-Drop nicht ausreicht.
Das Verschieben von Blöcken innerhalb eines Abschnitts gibt dir die volle Kontrolle darüber, wie die Inhalte in einem Layout angeordnet sind. Hier erfährst du den Unterschied zwischen Abschnitten und Blöcken und wie du beide verschiebst.
Warum du uns vertrauen kannst
Wir haben Hunderte von Shopify-Storefronts erstellt und angepasst. Wir haben auch Fudge entwickelt – einen KI-Storefront-Editor mit einer 5.0-Bewertung im Shopify App Store.
Abschnitte vs. Blöcke – was ist der Unterschied?
Wenn man diesen Unterschied versteht, wird der Theme Editor viel einfacher zu bedienen.
Sections (Abschnitte) sind die großen, eigenständigen Inhaltsbereiche, die auf einer Seite vertikal gestapelt sind. Beispiele:
- Ein Hero-Banner
- Ein Features-Grid
- Ein Testimonials-Carousel
- Eine Newsletter-Anmeldung
Blocks sind die einzelnen Elemente innerhalb einer Section. Zum Beispiel ist innerhalb einer Features-Section jedes Feature-Item (Icon + Überschrift + Beschreibung) ein Block. Innerhalb einer Hero-Section können die Überschrift, der Untertitel und der Button separate Blöcke sein.
Sections ordnest du neu an, indem du sie in der Liste der Haupt-Sidebar ziehst. Blöcke ordnest du neu an, indem du zuerst in eine Section klickst und dann die darunter aufgeführten Blöcke verschiebst.
Passend dazu: So ordnest du Abschnitte auf einer Shopify-Seite neu an (2026).
So verschiebst du Blöcke innerhalb eines Abschnitts
Schritt 1. Gehe zu Onlineshop > Themes > Anpassen.
Schritt 2. Navigiere zu der Seite, die den Abschnitt enthält, den du bearbeiten möchtest.
Schritt 3. Klicke in der linken Seitenleiste auf den Abschnitt, um ihn zu erweitern. Du siehst die Blöcke unter dem Abschnittsnamen aufgelistet – sie sind unter dem übergeordneten Abschnitt eingerückt.
Schritt 4. Fahre mit der Maus über einen Block. Auf der linken Seite erscheint ein Drag-Griff (sechs Punkte).
Schritt 5. Klicke auf den Drag-Griff, halte ihn gedrückt und ziehe den Block innerhalb der Liste nach oben oder unten.
Schritt 6. Lass los, um ihn zu platzieren. Die Vorschau wird in Echtzeit aktualisiert.
Schritt 7. Klicke auf Speichern.
Wenn kein Drag-Griff vorhanden ist
Nicht alle Blöcke lassen sich neu anordnen. Einige Sections haben Blöcke in einer festen Reihenfolge, die vom Theme-Entwickler nicht verschiebbar gemacht wurden. Wenn du keinen Drag-Handle siehst, kann der Block nicht über den Theme Editor verschoben werden.
In diesen Fällen müsstest du das Liquid-Template der Section direkt bearbeiten – oder Fudge verwenden, um die Section umzustrukturieren.
Falls du dies noch nicht eingerichtet hast, beginne mit add blocks to a shopify section.
Typische Szenarien für das Neuanordnen von Blöcken
Feature-Sections – Ordne Feature-Items neu an, um das wichtigste zuerst zu zeigen.
FAQ-Sections – Verschiebe Fragen so, dass die häufigsten oben erscheinen.
Testimonials – Platziere dein stärkstes Testimonial als erstes Element.
Bildergalerie – Ändere die Reihenfolge der Bilder, um zu bestimmen, welches zuerst im Raster erscheint.
Produktseiten-Blöcke – Auf Produktseiten erlauben es einige Themes, Elemente wie Titel, Preis, Beschreibung und den Warenkorb-Button neu anzuordnen.
Passend dazu: So passt du das Layout einer Shopify-Produktseite an (2026).
Blöcke verschieben vs. Abschnitte verschieben
| Was du tun möchtest | Was du ziehen musst |
|---|---|
| Einen gesamten Abschnitt (Hero, Features usw.) auf der Seite nach oben oder unten verschieben | Den Abschnitt selbst in der Haupt-Seitenleiste |
| Elemente innerhalb eines Abschnitts neu ordnen (z. B. Feature 1 vor Feature 2) | Blöcke innerhalb des erweiterten Abschnitts |
Die Hierarchie in der Seitenleiste: Abschnitte befinden sich auf der obersten Ebene. Blöcke erscheinen eingerückt unter dem Abschnitt, zu dem sie gehören.
Wenn Blöcke nicht neu geordnet werden können
Manche Abschnitte nutzen ein festes Template, bei dem die Blockreihenfolge durch den Liquid-Code und nicht durch eine verschiebbare Liste bestimmt wird. Dies ist häufig bei älteren oder stark angepassten Themes der Fall.
In diesen Fällen hast du folgende Möglichkeiten:
- Bearbeite die Liquid-Datei des Abschnitts, um die Reihenfolge der Elemente im Template zu ändern.
- Nutze Fudge – beschreibe die gewünschte Reihenfolge, und Fudge schreibt das Layout des Abschnitts für dich um.
Beispiel für einen Fudge-Prompt: „Verschiebe auf der Produktseite die Produktbeschreibung über den Warenkorb-Button und setze den Link zur Größentabelle unter den Button.“
Fudge erstellt die Code-Änderung als Entwurf zur Überprüfung.
Schnelle Tipps
- Klicke auf einen Block in der Vorschau, um direkt zu seinen Einstellungen in der Seitenleiste zu springen.
- Klicke auf den Zurück-Pfeil oben in den Block-Einstellungen, um zur Ansicht des übergeordneten Abschnitts zurückzukehren.
- Das Ausblenden eines Blocks (über das Augen-Symbol) ist ein guter Weg, um Layouts zu testen, bevor man ihn endgültig entfernt.
Verwandt: Customize a Shopify Product Page Layout.