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, lässt sich der Theme-Editor viel einfacher bedienen.
Abschnitte (Sections) sind die großen, eigenständigen Inhaltsbereiche, die auf einer Seite vertikal gestapelt sind. Beispiele:
- Ein Hero-Banner
- Ein Feature-Grid
- Ein Testimonial-Carousel
- Eine Newsletter-Anmeldung
Blöcke sind die einzelnen Elemente innerhalb eines Abschnitts. In einem Feature-Abschnitt ist zum Beispiel jedes einzelne Feature-Element (Icon + Überschrift + Beschreibung) ein Block. In einem Hero-Abschnitt könnten die Überschrift, die Unterüberschrift und der Button separate Blöcke sein.
Du ordnest Abschnitte neu, indem du sie in der Hauptliste der Seitenleiste verschiebst. Blöcke ordnest du neu, indem du zuerst in einen Abschnitt klickst und dann die darunter aufgeführten Blöcke verschiebst.
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 Abschnitte haben Blöcke in einer festen Reihenfolge, die vom Theme-Entwickler nicht verschiebbar gemacht wurde. Wenn du keinen Drag-Griff siehst, kann der Block nicht über den Theme-Editor verschoben werden.
In diesen Fällen müsstest du das Liquid-Template des Abschnitts direkt bearbeiten – oder Fudge verwenden, um den Abschnitt neu zu strukturieren.
Typische Szenarien für das Neuanordnen von Blöcken
Feature-Abschnitte – ordne Feature-Elemente neu, um das wichtigste an die erste Stelle zu setzen.
FAQ-Abschnitte – verschiebe Fragen so, dass die häufigsten oben erscheinen.
Testimonials – präsentiere dein stärkstes Testimonial als erstes Element.
Bildergalerie – ordne Bilder neu, um zu ändern, welches zuerst im Grid erscheint.
Produktseiten-Blöcke – auf Produktseiten erlauben es einige Themes, Elemente wie Titel, Preis, Beschreibung und den Warenkorb-Button neu anzuordnen.
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.
