Das Wichtigste in Kürze
- 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 dann in der Seitenleiste an ihren Ziehpunkten.
- Abschnitte (Sections) sind große Inhaltsbereiche (Hero, Funktionen, Testimonials). Blöcke (Blocks) sind die einzelnen Elemente darin.
- Manche Blöcke sind in ihrem Abschnitt fixiert 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.
Um einen Block innerhalb eines Shopify-Abschnitts zu verschieben, öffne den Theme-Editor, klicke auf den Abschnitt in der Seitenleiste, um seine Blöcke anzuzeigen, ziehe dann einen Block an seinem Ziehpunkt (sechs Punkte) an die gewünschte Stelle und speichere.
Warum du uns vertrauen kannst
Wir haben hunderte Shopify-Storefronts erstellt und angepasst. Außerdem entwickeln wir Fudge, den KI-Operator für Shopify-Shops, mit einer 4.9-Bewertung im Shopify App Store.
Abschnitte vs. Blöcke – was ist der Unterschied?
Wenn du diesen Unterschied verstehst, wird die Nutzung des Theme-Editors viel einfacher.
Abschnitte (Sections) sind die großen, abgegrenzten Inhaltsbereiche, die auf einer Seite vertikal übereinander gestapelt werden. Beispiele:
- Ein Hero-Banner
- Ein Raster mit Funktionen (Features)
- Ein Karussell mit Erfahrungsberichten (Testimonials)
- Eine Newsletter-Anmeldung
Blöcke (Blocks) sind die einzelnen Elemente innerhalb eines Abschnitts. In einem Funktions-Abschnitt ist zum Beispiel jedes Funktionselement (Icon + Überschrift + Beschreibung) ein Block. Innerhalb eines Hero-Abschnitts könnten Überschrift, Untertitel und Button separate Blöcke sein.
Du ordnest Abschnitte neu an, indem du sie in der Haupt-Seitenleiste ziehst. Blöcke ordnest du neu an, indem du zuerst in einen Abschnitt klickst und dann die darunter aufgelisteten Blöcke ziehst.
Um ganze Abschnitte zu verschieben, sieh dir an, wie man Abschnitte auf einer Shopify-Seite neu anordnet.
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 ziehbar gemacht wurden. Wenn du keinen Ziehpunkt siehst, kann der Block nicht über den Theme-Editor verschoben werden.
In diesen Fällen müsstest du direkt das Liquid-Template des Abschnitts bearbeiten – oder Fudge nutzen, um den Abschnitt umzustrukturieren.
Um zuerst einen neuen Block hinzuzufügen, sieh dir an, wie man Blöcke zu einem Shopify-Abschnitt hinzufügt.
Typische Szenarien für das Neuanordnen von Blöcken
Funktions-Abschnitte – ordne Funktionselemente so an, dass das wichtigste zuerst kommt.
FAQ-Abschnitte – verschiebe Fragen, damit die häufigsten ganz oben stehen.
Testimonials – zeige deinen stärksten Erfahrungsbericht als erstes Element.
Bildergalerie – ordne Bilder neu an, um zu ändern, welches im Raster zuerst erscheint.
Produktseiten-Blöcke – auf Produktseiten erlauben einige Themes, Elemente wie Titel, Preis, Beschreibung und den In-den-Warenkorb-Button neu anzuordnen.
Für Produktseiten-Layouts, sieh dir an, wie du eine Shopify-Produktseite anpasst.
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 verwenden ein festes Template, bei dem die Blockreihenfolge durch den Liquid-Code und nicht durch eine ziehbare Liste bestimmt wird. Das kommt bei älteren oder stark angepassten Themes häufig vor.
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 Fudge, dem KI-Operator für Shopify-Shops, die gewünschte Reihenfolge, und sein Store-Editor schreibt das Abschnitts-Layout für dich um.
Beispiel-Prompt für Fudge: “Verschiebe auf der Produktseite die Produktbeschreibung über den In-den-Warenkorb-Button und setze den Link zur Größentabelle unter den Button.”
Fudge liest zuerst den Code deines Themes. So richtet sich die Änderung danach, wie dein Theme aufgebaut ist, einschließlich der von deinen Apps hinzugefügten Blöcke. Die Änderung wird dir als Entwurf zur Überprüfung vorgelegt.
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
Warum haben nicht alle Blöcke einen Ziehpunkt?
Einige Blöcke sind statisch im Liquid-Template des Abschnitts definiert, anstatt als ziehbare Schema-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 nutzen.
Kann ich einen Block in einen anderen Abschnitt verschieben?
Nein – Blöcke sind an ihren übergeordneten Abschnitt gebunden. Um einen Block in einem anderen Abschnitt zu duplizieren, musst du denselben Blocktyp manuell zum Zielabschnitt hinzufügen und die Einstellungen kopieren. Manche Blocktypen gibt es nur in bestimmten Abschnitten (z. B. funktioniert der Block "Varianten-Auswahl" nur im Haupt-Produktabschnitt).
Wirkt sich die Neuanordnung von Blöcken auf SEO aus?
Nur unwesentlich. Die Blockreihenfolge ändert die visuelle Abfolge auf der Seite, aber der zugrunde liegende HTML-Code enthält weiterhin alle Inhalte. Google kann alles unabhängig von der Reihenfolge lesen.
Sollte ich einen Abschnitt duplizieren, bevor ich Blöcke neu anordne?
Nicht zwingend notwendig – Blockänderungen lassen sich rückgängig machen, indem man sie zurückzieht. Dupliziere das Theme, wenn du größere strukturelle Änderungen vornimmst (Blöcke löschen, mehrere Abschnitte umstrukturieren). Bei einfachem Neuanordnen zeigt dir die Vorschau des Theme-Editors deine Änderung schon vor dem Speichern, und ungespeicherte Drag-and-Drop-Aktionen können mit Cmd/Strg+Z rückgängig gemacht werden.
Warum wird meine neue Blockreihenfolge nicht auf der Live-Seite angezeigt?
Dafür gibt es drei Ursachen: (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 – aktualisiere die Storefront hart mit Cmd/Strg+Shift+R.
