Die wichtigsten Punkte
- Blöcke sind kleinere Elemente innerhalb einer Section – Text, Bilder, Buttons, Icons.
- Um einen Block zu verschieben, klicke auf die übergeordnete Section und ziehe die Blöcke in der Seitenleiste an ihren Drag-Handles.
- Sections sind große Inhaltsbereiche (Hero, Features, Testimonials). Blöcke sind die einzelnen Elemente darin.
- Einige Blöcke sind in ihrer Section fixiert und können nicht verschoben werden – das hängt vom Theme ab.
- Fudge kann Inhalte innerhalb einer Section umstrukturieren, wenn Drag-and-Drop nicht ausreicht.
Das Verschieben von Blöcken innerhalb einer Section gibt dir genaue Kontrolle darüber, wie Inhalte in einem Layout angeordnet werden. Hier ist der Unterschied zwischen Sections und Blöcken und wie du sie jeweils verschieben kannst.
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 der Section definiert und nicht als frei verschiebbare (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, musst du die Liquid-Datei der Section direkt bearbeiten oder Fudge verwenden.
Nein — Blöcke sind an ihre übergeordnete Section gebunden. Um einen Block in einer anderen Section zu nutzen, musst du denselben Blocktyp manuell in der Ziel-Section hinzufügen und die Einstellungen kopieren. Bestimmte Blocktypen sind ausschließlich für bestimmte Sections verfügbar (z. B. funktioniert ein "Variant picker"-Block nur in der Haupt-Produkt-Section).
Nur unwesentlich. Die Reihenfolge der Blöcke verändert die visuelle Abfolge auf der Seite, aber das zugrunde liegende HTML enthält weiterhin den gesamten Inhalt. Google kann alles lesen, unabhängig von der Reihenfolge. Die einzige SEO-Auswirkung ist indirekt — besser angeordnete Inhalte können Verweildauer und Engagement-Metriken verbessern.
Nicht zwingend erforderlich — Blockänderungen können rückgängig gemacht werden, indem du sie einfach zurückziehst. Dupliziere das Theme, wenn du größere strukturelle Änderungen vornimmst (Blöcke löschen, mehrere Sections umstrukturieren). Für ein einfaches Neuordnen zeigt dir die Vorschau im Theme-Editor deine Änderungen vor dem Speichern, und ungespeicherte Drag-Operationen können mit Cmd/Ctrl+Z widerrufen werden.
Drei mögliche Ursachen: (1) Du hast im Theme-Editor nicht auf Speichern geklickt, (2) du hast in einem Theme-Entwurf (Draft) gespeichert, aber das Live-Theme wurde nicht verändert (veröffentliche den Entwurf), oder (3) der Browser-Cache — lade den Storefront mit einem Hard-Refresh (Cmd/Ctrl+Shift+R) komplett neu.
