Inhalts-Editor

Im Reiter Inhalt baust du den Beitrag mit einem visuellen Editor auf. Das Prinzip ähnelt Erlebniswelten, läuft aber direkt im Beitrag.

Wie ein Beitrag aufgebaut ist

Ein Beitrag besteht aus Sektionen. Jede Sektion enthält Blöcke. Jeder Block enthält ein oder mehrere Elemente wie Text, Bild oder Video.

• Standard — einspaltig

• Sidebar — zweispaltig mit Hauptbereich und Seitenleiste

Blöcke ziehst du per Drag-and-drop aus der rechten Bibliothek auf die Bühne. Ein Klick auf ein Element öffnet den passenden Editor.

Arbeiten im Editor

Die Bühne

• Desktop-, Tablet- und Mobile-Umschalter zeigen die Darstellung auf kleineren Geräten

• Der Sektionskopf enthält Typ und Aktionsbuttons

• Leere Sektionen zeigen eine große Drop-Zone für neue Blöcke

Die Block-Bibliothek

Rechts findest du die Bibliothek aller verfügbaren Blöcke. Du öffnest sie bei Bedarf und ziehst Bausteine direkt auf die Bühne.

Eine Sektion hinzufügen

Unterhalb der letzten Sektion legst du eine neue Sektion an. Du wählst zwischen Standard und Sidebar.

Sektions-Einstellungen

Über das Zahnrad legst du zusätzliche Einstellungen fest:

• CSS-Klasse — eigene Klasse für den Sektions-Container

Block-Einstellungen

Beim Block-Zahnrad öffnet sich ein Einstellungsbereich direkt unter dem Block:

• Spaltenposition — nur in Sidebar-Sektionen

• CSS-Klasse

• Abstand oben / unten

Ein Element bearbeiten

Ein Klick auf ein Element öffnet einen Dialog mit zwei Reitern:

• Inhalt — eigentlicher Editor für Text, Bild, Galerie oder Video

• Einstellungen — CSS-Klasse, Abstände und bei Bedarf Spaltenposition

Mit Übernehmen speicherst du Inhalt und Layout gemeinsam.

Welche Blöcke sind verfügbar?

Aus Stabilitätsgründen ist die Auswahl auf geprüfte Blöcke begrenzt.

Shopware-Standard

• Text und HTML — einspaltig, mehrspaltig, Text auf Bild, Teaser, HTML

• Bild-Blöcke — Einzelbild, Bild mit Text, Slider, Galerie und Varianten

• Video — lokales Video, YouTube und Vimeo

Plugin-Blöcke von PremsBlog

• Beitragsinhalte — Titel, Untertitel, Kurzbeschreibung, Vorschaubild, Autor, Kategorien, Tags, Produkte

• Bewertungen (Premium) — Sterne, Formular und Liste

• Showcase — Beiträge aus Kategorie, neueste Beiträge, ausgewählte Beiträge

Drag-and-drop

Neue Blöcke ziehst du aus der Bibliothek in eine Drop-Zone. Bestehende Blöcke verschiebst du über den Drag-Handle.

In einer anderen Sprache

Sobald du in eine Übersetzungssprache wechselst, bleibt die Struktur gesperrt:

• Keine Sektionen hinzufügen, löschen oder verschieben

• Keine Blöcke hinzufügen, löschen oder umsortieren

• Keine Block-Einstellungen ändern

Bearbeitbar bleiben nur die eigentlichen Inhalte. Dazu gehören Texte, Überschriften und Alt-Texte. Das Layout kommt weiter aus der Standardsprache.

Tipp: bewährter Seitenaufbau

Ein solider Aufbau für Magazin-Beiträge:

Sektion (Standard)
  ├ Titel
  ├ Vorschaubild
  └ Kurzbeschreibung
Sektion (Sidebar)
  Hauptbereich:
    ├ Text
    └ Bildergalerie
  Seitenleiste:
    ├ Autoren-Karte
    ├ Kategorien
    └ Tags
Sektion (Standard)
  ├ Verknüpfte Produkte
  ├ Sterne
  ├ Bewertungsliste
  └ Bewertungsformular

Dieses Layout liefert das Plugin als Blog detail page (PremSoft) bereits mit. Du kannst es duplizieren und als eigene Vorlage anpassen.