Inhalts-Editor

Im Reiter Inhalt bauen Sie 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 ziehen Sie 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 finden Sie die Bibliothek aller verfügbaren Blöcke. Sie öffnen sie bei Bedarf und ziehen Bausteine direkt auf die Bühne.

Eine Sektion hinzufügen

Unterhalb der letzten Sektion legen Sie eine neue Sektion an. Sie wählen zwischen Standard und Sidebar.

Sektions-Einstellungen

Über das Zahnrad legen Sie 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 speichern Sie 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 ziehen Sie aus der Bibliothek in eine Drop-Zone. Bestehende Blöcke verschieben Sie über den Drag-Handle.

In einer anderen Sprache

Sobald Sie in eine Übersetzungssprache wechseln, 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. Sie können es duplizieren und als eigene Vorlage anpassen.