Mobiles Seitenlayout für Contao 4.8+ - Quicknavigation funktioniert nicht

Hallo zusammen,

ich habe eine Website von Contao 3.5.40 auf Contao 4.8.5 geupdated (unter separater Subdomain). Da die Webseite noch ein mobiles Seitenlayout besitzt und dieses bei Contao 4.8 nicht mehr unterstützt wird, habe ich die Erweiterung "Mobiles Seitenlayout für Contao 4.8+" installiert.

Allerdings funktioniert nun die Quicknavigation nicht. Wenn ich im mobilen Layout einen Menüeintrag auswähle bleibt die aktuelle Seite stehen. Die Seitenlayouts, Module etc. sind genau so konfiguriert wie in der Contao 3.5.40 Installation.

Hat jemand eine Idee woran das liegen kann? Muss man hier etwas besonderes beachten?

Die Quicknavigation löst sich nicht von selbst aus, auch nicht in Contao 3. Siehe https://github.com/contao/core/blob/...quicknav.html5

Das Modul stellt ein Formular mit <select> und submit Button zur Verfügung. Möchtest du die Quicknavigation "selbstauslösend" mit JavaScript machen, musst du das selbst implementieren (bspw. mit einer Template Änderung).

Hallo Spooky,

genau, das Template mod_quicknav.html5 hatte ich so angepasst, dass das Formular direkt beim Auswählen ausgelöst wird (siehe unten). Aber auch ohne die Anpassung und mit Anzeige des Buttons funktioniert die Quicknavigation nicht.

PHP-Code:

---

<?php // onchange() und <noscript> eingefügt ?>
<!-- indexer::stop -->
<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>

  <?php if ($this->headline): ?>
    <<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
  <?php endif; ?>

  <form<?php if ($this->request): ?> action="<?php echo $this->request; ?>"<?php endif; ?> method="post">
    <div class="formbody">
      <input type="hidden" name="FORM_SUBMIT" value="tl_quicknav">
      <input type="hidden" name="REQUEST_TOKEN" value="{{request_token}}">
      <label for="ctrl_target" class="invisible"><?php echo $this->targetPage; ?></label>
      <select name="target" id="ctrl_target" class="select" onchange="this.form.submit()">
        <option value=""><?php echo $this->title; ?></option>
        <?php foreach ($this->items as $item): ?>
          <option value="<?php echo $item['href']; ?>"><?php echo str_repeat(' [nbsp] ', $item['level']); ?><?php echo $item['link']; ?></option>
        <?php endforeach; ?>
      </select>
      <noscript><input type="submit" class="submit" value="<?php echo $this->button; ?>"></noscript>
    </div>
  </form>

</div>
<!-- indexer::continue -->

---

Poste einen Link zur Seite.

Das hier ist die Seite: http://contao4.medpowerinfo.com

Du hast dein mod_quicknav Template noch nicht mit dem Core abgeglichen, da fehlen noch einige Änderungen. Generell musst du alle deine Templates überprüfen und ggf. abgleichen.

OK, danke. Dann schaue ich mir das morgen nochmal genauer an.

Zitat:

---

Zitat von Spooky

Du hast dein mod_quicknav Template noch nicht mit dem Core abgeglichen, da fehlen noch einige Änderungen. Generell musst du alle deine Templates überprüfen und ggf. abgleichen.

---

Habe jetzt das Template mod_quicknav.html5 auf die neue Version angepasst und nun funktioniert auch die Quicknavigation. Nochmal vielen Dank für deine Hilfe, Spooky!

Zitat:

---

Zitat von closeup

Habe jetzt das Template mod_quicknav.html5 auf die neue Version angepasst und nun funktioniert auch die Quicknavigation. Nochmal vielen Dank für deine Hilfe, Spooky!

---

Hallo closeup

Würdest du mir deine Änderungen am mod_quicknav.html für Contao4 hier mal posten? Ich bin gerade auch dabei eine Website anzupassen aber krieg das nicht richtig hin.

Wäre dir dankbar.
Liebe Grüsse und jutten Rutsch. :-)

Hallo Twitt,

sorry für die späte Antwort. Ich war im Urlaub, daher kann ich erst jetzt antworten. Hier mal meine angepasste mod_quicknav.html5 für Contao 4.8.5:

HTML-Code:

---

<?php $this->extend('block_unsearchable'); ?>

<?php $this->block('content'); ?>

  <form<?php if ($this->request): ?> action="<?= $this->request ?>"<?php endif; ?> method="post">
    <div class="formbody">
      <input type="hidden" name="FORM_SUBMIT" value="<?= $this->formId ?>">
      <input type="hidden" name="REQUEST_TOKEN" value="{{request_token}}">
      <div class="widget widget-select">
        <label for="ctrl_target" class="invisible"><?= $this->targetPage ?></label>
        <select name="target" id="ctrl_target" class="select" onchange="this.form.submit()">
          <option value=""><?= $this->title ?></option>
          <?php foreach ($this->items as $item): ?>
            <option value="<?= $item['href'] ?>"<?php if ($item['active']): ?> selected<?php endif; ?>><?= str_repeat(' &nbsp; ', $item['level']) ?><?= $item['link'] ?></option>
          <?php endforeach; ?>
        </select>
      </div>
      <noscript>
        <div class="widget widget-submit">
          <button type="submit" class="submit"><?= $this->button ?></button>
        </div>
      </noscript>
    </div>
  </form>

<?php $this->endblock(); ?>

---