Key Takeaways
- Blöcke sind kleinere Elemente innerhalb eines Abschnitts – Text, Bilder, Buttons, Icons.
- Um einen Block zu verschieben, klickst du auf den übergeordneten Abschnitt und ziehst die Blöcke dann in der Seitenleiste an ihren Drag-Griffen.
- Abschnitte sind große Inhaltsbereiche (Hero, Features, Testimonials). Blöcke sind die einzelnen Elemente darin.
- Manche Blöcke sind fest in ihrem Abschnitt verankert und können nicht neu angeordnet werden – das hängt vom Theme ab.
- Fudge kann Inhalte innerhalb eines Abschnitts umstrukturieren, 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 werden. Hier erfährst du den Unterschied zwischen Abschnitten und Blöcken und wie du beide verschieben kannst.
Warum du uns vertrauen kannst
Wir haben hunderte von Shopify-Storefronts erstellt und angepasst. Außerdem haben wir Fudge entwickelt – einen KI-Storefront-Editor mit einer Bewertung von 4.8 im Shopify App Store.
Abschnitte vs. Blöcke – was ist der Unterschied?
Wenn du diesen Unterschied verstehst, ist der Theme Editor viel einfacher zu bedienen.
Abschnitte (Sections) sind die großen, eigenständigen Inhaltsbereiche, die auf einer Seite vertikal gestapelt werden. Beispiele:
- Ein Hero-Banner
- Ein Features-Grid
- Ein Testimonial-Karussell
- Eine Newsletter-Anmeldung
Blöcke (Blocks) sind die einzelnen Elemente innerhalb eines Abschnitts. In einem Features-Abschnitt ist zum Beispiel jedes einzelne Feature (Icon + Überschrift + Beschreibung) ein Block. In einem Hero-Abschnitt können Überschrift, Untertitel und Button separate Blöcke sein.
Du ordnest Abschnitte neu an, indem du sie per Drag & Drop in der Hauptseitenleiste (Sidebar) verschiebst. Blöcke ordnest du neu an, indem du zuerst auf einen Abschnitt klickst und dann die darunter aufgelisteten Blöcke verschiebst.
Mehr dazu: Abschnitte auf einer Shopify-Seite neu anordnen.
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 machen möchtest | Was du verschieben musst |
|---|---|
| Einen ganzen Abschnitt (Hero, Features usw.) auf der Seite nach oben/unten bewegen | Den Abschnitt selbst in der Hauptseitenleiste |
| Elemente innerhalb eines Abschnitts neu anordnen (z. B. Feature 1 vor Feature 2) | Die Blöcke innerhalb des ausgeklappten Abschnitts |
Die Hierarchie in der Seitenleiste: Abschnitte befinden sich auf der obersten Ebene. Blöcke werden eingerückt unter dem Abschnitt angezeigt, 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 eine gute Möglichkeit, Layouts zu testen, bevor du ihn endgültig entfernst.
FAQ
Einige Blöcke sind statisch im Liquid-Template des Abschnitts definiert und keine per Schema definierten, verschiebbaren Blöcke. Theme-Entwickler können bestimmte Elemente (z. B. den Haupt-Produkttitel) an einer festen Position fixieren. Um diese neu anzuordnen, musst du die Liquid-Datei des Abschnitts direkt bearbeiten oder Fudge verwenden.
Nein – Blöcke sind an ihren übergeordneten Abschnitt gebunden. Um einen Block in einem anderen Abschnitt zu replizieren, musst du manuell denselben Blocktyp zum Zielabschnitt hinzufügen und die Einstellungen kopieren. Einige Blocktypen sind spezifisch für bestimmte Abschnitte (z. B. funktioniert ein "Variant Picker"-Block nur im Haupt-Produktabschnitt).
Kaum. Die Reihenfolge der Blöcke ändert die visuelle Abfolge auf der Seite, aber das zugrunde liegende HTML enthält weiterhin den gesamten Inhalt. Google kann unabhängig von der Reihenfolge alles lesen. Der einzige SEO-Einfluss ist indirekt – besser strukturierte Inhalte können die Verweildauer (Dwell Time) und die Engagement-Metriken verbessern.
Nicht zwingend notwendig – Änderungen an Blöcken können durch Zurückziehen rückgängig gemacht werden. Dupliziere das Theme, wenn du größere strukturelle Änderungen vornimmst (Blöcke löschen, mehrere Abschnitte umstrukturieren). Für einfaches Neuordnen zeigt dir die Vorschau des Theme Editors die Änderungen vor dem Speichern, und ungespeicherte Drag-Operationen können mit Cmd/Ctrl+Z rückgängig gemacht werden.
Drei mögliche Gründe: (1) Du hast im Theme Editor nicht auf Speichern geklickt, (2) du hast in einem Entwurfs-Theme gespeichert, aber das Live-Theme ist unverändert (veröffentliche den Entwurf), oder (3) der Browser-Cache – mache einen Hard-Refresh der Storefront mit Cmd/Ctrl+Shift+R.
