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 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 nicht als ziehbare, im Schema definierte Blöcke. Theme-Entwickler können bestimmte Elemente (z. B. den Haupt-Produkttitel) an einer festen Position fixieren. Um diese neu anzuordnen, bearbeite die Liquid-Datei des Abschnitts direkt oder nutze Fudge.
Nein — Blöcke sind an ihren übergeordneten Abschnitt gebunden. Um einen Block in einem anderen Abschnitt zu duplizieren, füge den gleichen Block-Typ manuell zum Ziel-Abschnitt hinzu und kopiere die Einstellungen. Einige Block-Typen sind spezifisch für bestimmte Abschnitte (z. B. funktioniert ein „Variantenauswahl“-Block nur im Hauptprodukt-Abschnitt).
Vernachlässigbar. 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 alles unabhängig von der Reihenfolge lesen. Die einzige SEO-Auswirkung ist indirekt — besser angeordneter Inhalt kann die Verweildauer und Interaktionsraten verbessern.
Nicht zwingend notwendig — Änderungen an Blöcken lassen sich durch Zurückziehen rückgängig machen. Dupliziere das Theme, wenn du große strukturelle Änderungen vornimmst (Löschen von Blöcken, Umstrukturierung mehrerer Abschnitte). Für einfaches Neuanordnen zeigt die Vorschau im Theme-Editor deine Änderungen schon vor dem Speichern, und ungespeicherte Drag-&-Drop-Aktionen können mit Cmd/Strg+Z rückgängig gemacht werden.
Drei 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 — lade die Storefront komplett neu (Hard-Refresh) mit Cmd/Strg+Shift+R.
