[dk_mmenu] Mobile Navigation - nicht nur für mobile Websites

So sieht das default Template von dk_mmenu aus: https://github.com/dklemmt/contao_dk...av_mmenu.html5
Bei "isActive" wird ein <span> verwendet.

Unter Verwendung der folderpage Extension könntest du die Bedingung auf

PHP-Code:

---

if ($item['isActive'] || 'folder' === $item['type']) 


---

erweitern.

Hey Spooky, vielen lieben Dank für Deine Hilfe!!!
Aber nach einigem hin-und herprobieren: es klappt nicht. Denke, ich werde die Navi dann doch ganz neu machen...

Danke an @Spooky für die Tipps zu den navbars - konnte die Optionen erfolgreich hinzufügen.

Mein Ziel ist es, das mmenu um Inhalte zu erweitern. Das funktioniert soweit recht gut, allerdings wäre es weit einfacher und übersichtlicher wenn ich per Inserttags eigene FE-Module platzieren könnte.
Allerdings werden diese einfach als string im FE ausgegeben. Kann hier ev replaceInsertTags helfen?

Ich scheitere leider an der Syntax, wäre echt super wenn mir jemand helfen könnte, aktuell sieht mein mmenu_default.html5 wie folgt aus:

PHP-Code:

---

<?php

$GLOBALS['TL_CSS']['contao_dk_mmenu'] = 'bundles/contaommenu/mmenu/mmenu.css|static';

if ($this->options['polyfill'] ?? false) {
    $GLOBALS['TL_JAVASCRIPT']['contao_dk_mmenu.polyfill'] = 'bundles/contaommenu/mmenu/mmenu.polyfills.js|static';
}

$GLOBALS['TL_JAVASCRIPT']['contao_dk_mmenu'] = 'bundles/contaommenu/mmenu/mmenu.js|static';

if ($this->options['drag']['menu']['open'] ?? false) {
    $GLOBALS['TL_JAVASCRIPT']['contao_dk_mmenu.hammerjs'] = 'bundles/contaommenu/hammerjs/hammer.min.js|static';
}

$options = $this->options;
$options['navbars']['position'] = 'top';
$options['navbars']['content'] = '{{insert_module::43}}';

?>
<script>
    document.addEventListener(
        "DOMContentLoaded", function () {
            const menu = document.querySelector('#<?= $this->elementId ?>');
            if (null !== menu && 0 === menu.querySelectorAll('li.active').length) {
                const trails = menu.querySelectorAll('li.trail');
                if (0 < trails.length) {
                    trails.item(trails.length - 1).classList.add('active');
                }
            }
            new Mmenu('#<?= $this->elementId ?>', <?= json_encode($options) ?>, <?= json_encode($this->configuration) ?>);
        }
    );
</script>

---

Der Theorie nach müsste also an folgender Stelle das replaceInsertTags integriert werden:

PHP-Code:

---

$options['navbars']['content'] = '{{insert_module::43}}'; 


---

Macht das überhaupt Sinn - kann man das bewerkstelligen?

Hallo zusammen,
ich habe eine 3.5 auf 4.9.26 aktualisiert.

In der Installation ist auch das Bundle installiert - Version 3.2.5.

Funktion ist auch gegeben; lediglich bei responsiven Größen blitzt das Menü kurz aufgeklappt auf -- FOUC i guess?
Sowohl in Chrome als auch in Firefox - im Mobile Safari nur beim ersten Laden der Website.

Im Inspektor wird mir angezeigt:

Code:

---

[Violation] Forced reflow while executing JavaScript took 100ms
jquery.min.js,mmenu.js,rocksolid-slider.min.js-73f788cb.js:2 [Violation] 'load' handler took 221ms
[Violation] Forced reflow while executing JavaScript took 201ms
jquery.min.js,mmenu.js,rocksolid-slider.min.js-73f788cb.js:15 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
scrollBugFix @ jquery.min.js,mmenu.js,rocksolid-slider.min.js-73f788cb.js:15
e._initAddons @ jquery.min.js,mmenu.js,rocksolid-slider.min.js-73f788cb.js:4
e @ jquery.min.js,mmenu.js,rocksolid-slider.min.js-73f788cb.js:4
(anonym) @ (Index):258
jquery.min.js,mmenu.js,rocksolid-slider.min.js-73f788cb.js:4 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
j @ jquery.min.js,mmenu.js,rocksolid-slider.min.js-73f788cb.js:4
(anonym) @ jquery.min.js,mmenu.js,rocksolid-slider.min.js-73f788cb.js:15
e.trigger @ jquery.min.js,mmenu.js,rocksolid-slider.min.js-73f788cb.js:4
e._initMenu @ jquery.min.js,mmenu.js,rocksolid-slider.min.js-73f788cb.js:4
e @ jquery.min.js,mmenu.js,rocksolid-slider.min.js-73f788cb.js:4
(anonym) @ (Index):258
jquery.min.js,mmenu.js,rocksolid-slider.min.js-73f788cb.js:4 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

---

Bekommt man das Flackern weg? Umbau / Ergänzung in einem Template?
Danke für eine Idee.

EDIT: Selbst via Google gefunden: https://community.contao.org/de/show...l=1#post518529

Code:

---

#navmobil:not( .mm-menu ) {
    display: none;
}

---

Und nun passt es!

Zitat:

---

Zitat von gm-team

Der Theorie nach müsste also an folgender Stelle das replaceInsertTags integriert werden:

PHP-Code:

---

$options['navbars']['content'] = '{{insert_module::43}}'; 


---

---

Ich glaube das würde so gehen, weiß aber nicht, ob das dort funktioniert.

PHP-Code:

---

$options['navbars']['content'] = \Controller::replaceInsertTags('{{insert_module::43}}'); 


---

Ich nutze diese Erweiterung nicht, aber hat die im BE im Modul keine Möglichkeit Content hinzuzufügen? So wie mobile_menu?

Hallo zusammen,

mit dem Update auf Conto 4.13 taucht dieses Problem auf und ich finde die Ursache nicht. Kann mir da jemand einen Schubs geben?

Das Menü öffnet sich auf dem Desktop und dem iPhone auf Firefox, Safari, aber nicht auf Android Chrome und Firefox.

Die Seite: ...

Danke!

Hi,

bei mir öffnet sich das Menü. Hasst Du es mal in einem Privaten/Inkoknito Tab probiert?

Warum das Menü auf der Desktop Seite?

Viele Grüße

Alex

Danke, Alex, jetzt sehe ich es auch via appetize.io. Muss mir leider so behelfen, da ich kein Android habe. Auf Bluestacks klappte das nicht, seltsam.

Desktop, weil ich immer auf Desktop die Seiten mache und dann mobil prüfe.