Best Practice: Layout, HTML und Module

Hallo Leute!

Kurze Frage zu einem allgemeinen Problem und den üblichen Workarounds dazu:

Ich habe bei meiner HTML-Vorlage folgendes Szenario:

Code:

---

<div id="content_container">
  <div id="content_left"></div>
  <div id="content_right"></div>
</div>

---

Nun möchte ich in meinem Template in content_left ein Modul Typ "Individuelles Menü" und in content_right das Modul "Artikel" einfügen. Wie kann ich das bewerkstelligen?
Muss ich dazu die fe_page editieren?

Vielen Dank schonmal für die Tipps!
LG

Geht es hier um eigene Layout Bereiche? Weil ansonsten kannst du das ja auch über den Layout-Builder erzeugen lassen (oder selbst stylen und einfach #left, #main, etc. verwenden)

Ja Layout builder erzeugt mir Header und Content und im content>main>inside liegt dann unter anderem mein content_container. normalerweise würd ich dieses html mit einem modul "eigenes html" hineinbekommen, indem ich im seitenlayout das modul dann in den hauptbereich lade.

nur ist die frage: wie kann ich module in module laden?
oder: wie kann ich mehrere bereiche definieren in die ich dann module laden kann im seitenlayout?
gibts noch andere wege?

Zitat:

---

Zitat von humpdi

Wie kann ich mehrere bereiche definieren in die ich dann module laden kann im seitenlayout?

---

"Einstellungen" > Abschnitt "Layoutbereiche" > Feld "Eigene Layoutbereiche"

Dort kannst Du dann eigene Layoutbereiche definieren, welche Dir dann im "Seitenlayout" unter "Eigene Layoutbereiche" zur Verfügung stehen. Weiters kann dort auch die Position der Layoutbereiche festgelegt werden.

Falls das nicht ausreicht, dann kann im Seitentemplate über

PHP-Code:

---

<?php echo $this->sections['mysection']; ?>

---

der Layoutbereich an einer beliebigen Position eingefügt werden.

https://contao.org/de/news/einen-ind...h-anlegen.html

Ja das mit den eigenen Layout bereichen ist schon ganz nett, damit könnte ich arbeiten, ein kleines manko hat es noch:

Code:

---

<div id="container">
  <div id="main">
    <div class="inside">
    <div class="custom">
      <section id="main_left">
      <section id="main_right">
    </div>
  </div>
</div>

---

folgendes passiert, die neuen layoutbereiche werden in ein div "custom" auf gleicher ebene wie das "inside" des "main" gelegt. ich hätte die neuen bereiche aber gerne IN dem "inside" div. wie ist DAS nun zu bewerkstelligen??

Das wäre dann praktisch der zweite Teil meiner obigen Antwort (bzw. auch im verlinkten Artikel ausführlich beschrieben). Damit kannst Du Deine Layoutbereiche einfügen, wo auch immer Du willst.