Um eine Seite mit einem Sidebar-Layout zu erstellen, sind extra Vorlagen vorhanden.

Wenn auf der zu bearbeitenden Seite noch keine Inhalte enthalten sind, kann die "Vorlage" geladen werden.
Diese befindet sich im Bearbeitungsmodus des Beaver Builder unter "Vorlagen" -> "Vorlage mit Sidebar"

Wenn die zu bearbeitende Seite bereits Inhalt hat, kann auch nachträglich noch eine "Gespeicherte Zeile" eingefügt werden.
Diese befindet sich im Bearbeitungsmodus des Beaver Builder unter "Gespeichert" -> "Gespeicherte Zeilen" -> "Zeile - Sidebar"

 

Außerdem gibt es im Bearbeitungsmodus des Beaver Builder unter "Gespeichert" -> "Gespeicherte Module", welche mit einem Vermerk "(sidebar content)" oder "(sidebar)", welche speziell für das "Sidebar - Layout" angelegt worden sind.
Wobei Module mit "(sidebar content)" für den linken Inhaltsbereich zu verwenden sind und welche mit dem Vermerk "(sidebar)" für den rechten Inhaltsbereich - die Sidebar.

 

Hinweis: Das "Sidebar - Layout" ist als "Zeile" angelegt und es können keine "Gespeicherten Zeilen" ineinander verschachteln werden.
Um eine der "Gespeicherten Zeilen" verwenden zu können, muss aus dem "Sidebar - Layout" ausgebrochen werden und die "Gespeicherte Zeile" unter die "Sidebar Zeile" einfügt werden.

Das Ausbrechen aus dem "Sidebar - Layout" kann bei unbedachter Ausführung zu unerwünschten Darstellungen bei mobilen Endgeräten führen.
Die Reihenfolge der Inhalte bei mobilen Endgeräten entspricht folgender Regel:

  • Mobil werden alle "Zeilen" untereinander dargestellt.
  • Innerhalb jeder "Zeile", werden die "Spalten" untereinander dargestellt
  • Die "Module" in jeder Spalte werden untereinander dargestellt.

 

Beispiel:
Wenn nach einem "Sidebar - Layout" ein "Full Size - Layout" folgt, ergibt sich folgende Darstellung auf mobilen Endgeräten:

  • Der linke Inhaltsbereich (Sidebar - Content) wird als erstes dargestellt
  • Die "Sidebar" - der rechte Inhaltsbereich wird danach dargestellt
  • Die Inhalte der "Full Size" Zeilen werden zuletzt dargestellt.

Gespeicherte Module im Sidebar Content & Sidebar Bereich - Headlines

Gespeicherte Module im Sidebar Content & Sidebar Bereich - Mega Links (ML)

ML - Tablist - Horizontal

Einsatz in der Sidebar nicht möglich

ML - Buttonlist - Horizontal

Gespeicherte Module - Accordion

Bei langen Titeln muss geprüft werden wie es sich mobil verhält!

Gespeicherte Module - Tabs

Lorem Ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem Ipsum
Lorem Ipsum

Einsatz in der Sidebar nicht möglich

Gespeicherte Module - Mega Gallery (MG)

Einsatz in der Sidebar nicht möglich

Gespeicherte Spalten im Sidebar - Content Bereich

Die "Spalten - Vorlagen" befinden sich unter "Gespeichert" -> "Gespeicherte Spalten".

Um diese verwenden zu können, muss zuerst eine "leere Zeile mit einer Spalte" innerhalb der linken "Sidebar - Content Spalte" an die gewünschte Stelle gezogen werden.

Anschließend muss die Spaltenvorlage direkt links, zwischen den 2 gestrichelten blauen Linien, platziert werden.
Sobald die Mausposition richtig ist bildet sich eine kürzere, aber dickere blaue Linie zwischen den gestrichelten blauen Linien.

Zuletzt muss dann nur noch die "Leere Spalte", rechts neben der "Spalten - Vorlage", gelöscht werden.

Lorem Ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.