Template selber erstellen

Wszene · 30. März 2023

Hallo Zusammen,

Ich versuche mich gerade an meinem ersten Joomla Template und habe da mal eine Frage

Mein Content-Container habe ich mit folgendem Code erstellt

PHP

<!-- DP-Content -->
<div class="container">
    <div class="row dp-content">
        <div class="col-md-9 dp-content-links">
            <jdoc:include type="message" />
            <jdoc:include type="component" />
        </div>
        <div class="col-md-3 dp-content-rechts">
            <?php if ($this->countModules('dp-rechts')): ?>
                <jdoc:include type="modules" name="dp-rechts" style="html5" />
            <?php endif; ?>
        </div>
    </div>
</div>
<!-- DP-Content -->

Alles anzeigen

das funktioniert auch sehr gut

Nun habe ich aber das Problem das wenn ich rechts kein Modul habe sich der Hauptbereich nicht auf die volle Breite erweitert

Wie kann ich es bewerkstelligen das wenn es kein Modul gibt der Content auf volle Breite geht

Danke im Voraus

Gruß

Marcel

CurlY BracketS · 30. März 2023

Die Frage war vor 2 Tagen schonmal da:

Thema

Falls Modul nicht angezeigt wird Platz freigeben auf Template

Grüezi mitenand
ich habe diese Frage bereits im Joomla Forum Schweiz gestellt, erhalte aber keine Antworten. Vielleicht klappt es im grossen Kanton besser? Die Hoffnung stirbt zuletzt.
Mein Problem: Ich bin gerade daran, ein Template zu gestalten (Bitte noch nicht wirklich auf Farben achten, die Feinheiten kommen, wenn die Technik steht). Im Wesentlichen geht es um den Layer Inhalt. Dort befindet sich links eine sidebar-left (flex 1 , Order 1), dann kommt der main (Flex 3, Order 2), dann kommt…

Ghandor

28. März 2023

Wszene · 30. März 2023

Zitat von CurlY BracketS

Die Frage war vor 2 Tagen schonmal da:

Thema

Falls Modul nicht angezeigt wird Platz freigeben auf Template

Grüezi mitenand
ich habe diese Frage bereits im Joomla Forum Schweiz gestellt, erhalte aber keine Antworten. Vielleicht klappt es im grossen Kanton besser? Die Hoffnung stirbt zuletzt.
Mein Problem: Ich bin gerade daran, ein Template zu gestalten (Bitte noch nicht wirklich auf Farben achten, die Feinheiten kommen, wenn die Technik steht). Im Wesentlichen geht es um den Layer Inhalt. Dort befindet sich links eine sidebar-left (flex 1 , Order 1), dann kommt der main (Flex 3, Order 2), dann kommt…

Ghandor

28. März 2023

Das habe ich auch gesehen nur leider habe ich die Lösung nicht verstanden

Wie müsste ich meine Code umbauen damit das funktioniert

Ich habe es jetzt mit einer IF-Abfrage gelöst
Ist zwar bestimmt nicht die Schönste Art aber es funktioniert

PHP

<!-- DP-Content -->
<?php 
$dp_rechts = ($this->countModules('dp-rechts',));

if ($dp_rechts > 0) {
  echo '
  
<div class="container">
<div class="row dp-content">
  <div class="col-md-9 dp-content-links">
      <jdoc:include type="message" />
      <jdoc:include type="component" />
  </div>
  <div class="col-md-3 dp-content-rechts">
          <jdoc:include type="modules" name="dp-rechts" style="html5" />
  </div>
</div>
</div>

</div>
      ';
    } else {
      echo '
<div class="container">
    <div class="dp-content">
        <div class="dp-content-links">
            <jdoc:include type="message" />
            <jdoc:include type="component" />
        </div>
    </div>
</div>

</div>
      ';
      }
?>
<!-- /DP-Content -->

Alles anzeigen

LukasHH · 30. März 2023

Ich würde das ggf. etwas kürzer fassen.

oder so ähnlich

PHP

<?php $c = ($this->countModules('dp-rechts'))?'col-md-9':''; ?>

<!-- DP-Content -->
<div class="container">
    <div class="row dp-content">
        <div class="<?php echo $c; ?> dp-content-links">
            <jdoc:include type="message" />
            <jdoc:include type="component" />
        </div>
        <?php if ($this->countModules('dp-rechts')): ?>
            <div class="col-md-3 dp-content-rechts">
                <jdoc:include type="modules" name="dp-rechts" style="html5" />
            </div>
        <?php endif; ?>
    </div>
</div>
<!-- DP-Content -->

Alles anzeigen

Wszene · 30. März 2023

LukasHH

Danke für den Code der ist perfekt

Hast du zufällig auch eine Idee wie ich das machen kann wenn ich noch eine Linke Box machen würde

Also im Grunde so

1. Links - Mitte - Rechts

2. Links - Mitte

3. Mitte - Rechts

Das wäre der absolute Traum denn das würde ich für das nächste Projekt benötigen

LukasHH · 30. März 2023

Da brauchst Du etwas mehr Variablen, in denen Du die CSS-Klassen bei Bedarf rein schreibst.

PHP

<?php
if ($this->countModules('dp-rechts') && $this->countModules('dp-links')){
    $c = 'col-md-6 ';
    $l = 'col-md-3 ';
    $r = 'col-md-3 ';
}elseif($this->countModules('dp-links') && !$this->countModules('dp-rechts')){
    $c = 'col-md-9 ';
    $l = 'col-md-3 ';
    $r = '';
}elseif(!$this->countModules('dp-links') && $this->countModules('dp-rechts')){
    $c = 'col-md-9 ';
    $l = '';
    $r = 'col-md-3 ';
}else{
    $c = '';
    $l = '';
    $r = '';
}
?>
<!-- DP-Content -->
<div class="container">
    <div class="row">
        <?php if ($this->countModules('dp-links')): ?>
            <div class="<?php echo $l; ?> dp-content-links">
                <jdoc:include type="modules" name="dp-rechts" style="html5" />
            </div>
        <?php endif; ?>
        <div class="<?php echo $c; ?> dp-content">
            <jdoc:include type="message" />
            <jdoc:include type="component" />
        </div>
        <?php if ($this->countModules('dp-rechts')): ?>
            <div class="<?php echo $r; ?> dp-content-rechts">
                <jdoc:include type="modules" name="dp-rechts" style="html5" />
            </div>
        <?php endif; ?>
    </div>
</div>
<!-- DP-Content -->

Alles anzeigen

Ich habe das jetzt so frei Hand geschrieben und nicht getestet. Aber das wäre in etwa eine Variante.