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

Druckbare Version

70 Beiträge dieses Themas auf einer Seite anzeigen

23.10.2019, 08:59
Bennie

Ok falsch formuliert. Gemeint war Themes - Seitenlayouts und dort dann in der Layoutkonfiguration wo man den Haken offenbar nicht setzen muss für dieses Template.
Das führt bei mir übrigens nicht zu einem Fehler, es macht keinen Unterschied bei mir.
Aber das ist gar nicht mein Problem.
Der Tipp von Dir bzgl.

PHP-Code:

$this->options['navbar']['title'] = '';

ins Template zu schreiben klappt nicht oder ich habe es falsch gemacht . ;)

Ebenso das angesprochene Problem mit der Suche, vermutlich ist es besser wenn ich Tickets bei Github schreibe, dachte nur da du ja meist mitliest, schreib ich es erstmal hier. ;)
23.10.2019, 09:03
Spooky

Poste einen Link zur Seite und poste wie dein Template aktuell aussieht.
23.10.2019, 10:38
Bennie

Das Template sieht so aus wie in Post #410 gezeigt

Link geht leider nicht, das ist noch localhost xampp
23.10.2019, 10:45
Spooky

Probier' mal:

PHP-Code:

<?php $GLOBALS['TL_CSS'][] = 'bundles/contaommenu/mmenu/mmenu.css|static'; $GLOBALS['TL_JAVASCRIPT'][] = 'bundles/contaommenu/mmenu/mmenu.js|static'; if ($this->options['drag']['menu']['open']) { $GLOBALS['TL_JAVASCRIPT'][] = 'bundles/contaommenu/hammerjs/hammer.min.js|static'; } $options = $this->options; $options['navbar']['title'] = ''; ?> <script> document.addEventListener( "DOMContentLoaded", () => { new Mmenu('#<?= $this->elementId ?>', <?= json_encode($options) ?>, <?= json_encode($this->configuration) ?>); } ); </script>
23.10.2019, 11:51
Bennie

Leider auch nicht, führt zu diesem Fehler

PHP-Code:

app.CRITICAL: An exception occurred. {"exception":"[object] (Symfony\\Component\\Debug\\Exception\\FatalThrowableError(code: 0): Parse error: syntax error, unexpected '[', expecting variable (T_VARIABLE) or '{' or '$' at /.../js_mmenu.html5:13)"} []
23.10.2019, 12:05
Spooky

Probier's nochmal, hatte einen offensichtlichen Fehler drin ;)
23.10.2019, 12:21
Bennie

Nein auch nicht - es ändert sich nichts, es bleibt immer Standard erhalten, also das "Menü" oben.
Cache hatte ich auch mal gelöscht - er nimmt es nicht :(
23.10.2019, 12:23
Spooky

Ohne Link kann ich nicht weiter helfen.
23.10.2019, 15:16
Bennie

Das heißt aber es geht bei Dir?
Es lesen ja sicher noch andere User mit die das mal testen können.
Vielleicht hat noch jemand 'nen Tipp ;)
23.10.2019, 16:40
Bennie

So jetzt geht es!
Ich hatte übersehen dass in Deinem Beispiel unten im template

PHP-Code:

<?= json_encode($options) ?>

steht und hatte bei mir noch

PHP-Code:

<?= json_encode($this->options) ?>

drin.
Ich danke Dir spooky :)
25.10.2019, 11:02
Georgi

Problem IE11 unter 3.1.1

Zitat:

Zitat von Spooky

An den Kunden kommunizieren, dass der Support für den Internet Explorer 11 schon lange beendet wurde ;)

Im Zuge der Umstellung von Contao 3.5 auf 4.4 habe ich beim dk_mmenu ebenfalls das Problem mit dem IE11. Unter der Version 2.1 funktioniert alles gut, aber unter 3.1.1 (17.9. -IE10 & IE11 Polyfill) hapert es beim IE11 insoweit, dass mod_mmenu nicht ausgeblendet wird. Leider kann ich den IE11 nicht ignieren, weil er bei zwei HPs an erster Stelle nutzt wird.
Im aktuellen Firefox und Edge und Chrome gibt es keine Probleme.

Die Konsole zeigt mir in Firefox und edge an, dass es im <boby> die Ergänzung "mm-wrapper" gibt:

HTML-Code:

<body id="top" class="win firefox gecko fx70 fa-startseite mm-wrapper" itemscope="" itemtype="http://schema.org/WebPage"> <nav class="mod_mmenu mm-menu mm-menu_offcanvas" id="nav_mmenu" aria-hidden="true">

HTML-Code:

<nav class="mod_mmenu mm-menu mm-menu_offcanvas" id="nav_mmenu" aria-hidden="true"> <body class="win edge edgehtml ed18 fa-startseite mm-wrapper" id="top" itemtype="http://schema.org/WebPage" itemscope="">

Das ist dann im CSS auf display: none gesetzt.

Bei IE11 sieht es so aus, alles ohne "mm-wrapper":

HTML-Code:

<body id="top" class="win ie trident ie11 fa-startseite" itemscope="" itemtype="http://schema.org/WebPage">

auch kein: <nav class="mod_mmenu mm-menu mm-menu_offcanvas" id="nav_mmenu" aria-hidden="true">

Die Konsole zeigt dann auch einen Script-Fehler an:

Code:

<script> document.addEventListener( "DOMContentLoaded", () => { new Mmenu('#nav_mmenu', null, {"classNames":{"selected":"active"}}); }, ); </script>

HTML-Quellcode sieht dazu so aus:

Code:

<script> document.addEventListener( "DOMContentLoaded", () => { new Mmenu('#nav_mmenu', {"navbar":{"title":"Men\u00fc"},"onClick":{"close":true},"offCanvas":{"moveBackground":false}}, {"classNames":{"selected":"active"}}); }, ); </script>

Gibt es dazu eine Lösung?

Gruß Georgi
29.10.2019, 10:18
HorseBadorties

Liste der Anhänge anzeigen (Anzahl: 2)

Hallo,

ich habe eine Frage, die vielleicht hier schon einmal beantwortet wurde - habe die Antwort aber bislang leider nicht gefunden. Ich möchte gern, dass beim dk_menu beim Klick auf einen Link das Submenu aufgeht. Also die Funktion, die bislang nur der Pfeil neben dem Linkelement hat (link01.jpg), auf das ganze Element (link02.jpg) übertragen. Ich habe das übergeordnete Element (ul.level_1 li) mit nonvalink versehen, was ja auf der Desktopversion auch gut funktioniert.

Wenn jemand eine Antwort weiß, oder wo ich sie finde, wäre ich sehr dankbar!

Anhang 22895 Anhang 22896
29.10.2019, 10:20
Spooky

Grundsätzlich brauchst du dafür eine Extension wie zB. https://extensions.contao.org/?q=fol...tao-folderpage und eine Anpassung an dein nav Template.
29.10.2019, 10:43
HorseBadorties
Zitat:

Zitat von Spooky

Grundsätzlich brauchst du dafür eine Extension wie zB. https://extensions.contao.org/?q=fol...tao-folderpage und eine Anpassung an dein nav Template.

Danke schon mal für die Antwort! Wenn ich aber die Erweiterung installiere und z.B. die Seitenstruktur dann so aufbaue:

Leistungen-Folder (Seitentyp "Ordner)
- Leistungen
  - Leistung 1
  - Leistung 2
  - .
  - .
Showcase
.
.
.

Dann erscheinen die Leistungsseiten nicht. Das gilt auch, wenn ich statt "Leistungen-Ordner", "Leistungen" selbst den Seitentyp "Ordner" verleihe.
Wie muss ich dann dann das nav-Template anpassen?
29.10.2019, 10:46
Spooky

Wie sieht dein aktuelles nav Template für das mmenu aus?
29.10.2019, 10:51
HorseBadorties

Zitat:

Zitat von Spooky

Wie sieht dein aktuelles nav Template für das mmenu aus?

So: ;-)

Code:

<ul class="<?php echo $this->level; ?>"> <?php foreach ($this->items as $item): ?> <?php if ($item['isActive']): ?> <li class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"> <span class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><?php echo $item['link']; ?></span> <?php echo $item['subitems']; ?> </li> <?php else: ?> <li<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?>> <?php if(strpos($item['class'], 'nonavlink')===false):?> <a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?><?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?><?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?><?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?><?php echo $item['target']; ?>> <?php else: ?> <span class="<?php echo $item['class']; ?>"><?php endif; ?><?php echo $item['link']; ?> <?php if(strpos($item['class'], 'nonavlink')===false):?></a> <?php else: ?></span> <?php endif; ?> <?php echo $item['subitems']; ?> </li> <?php endif; ?> <?php endforeach; ?> </ul>
29.10.2019, 10:56
Spooky

Uff, das template ist schwer zu lesen... bitte mach korrekte Einrückungen ;).

Poste außerdem das resultierende HTML.
29.10.2019, 11:20
HorseBadorties

Zitat:

Zitat von Spooky

Uff, das template ist schwer zu lesen... bitte mach korrekte Einrückungen ;).

Poste außerdem das resultierende HTML.

Sorry, so besser?

Code:

<ul class="<?php echo $this->level; ?>"> <?php foreach ($this->items as $item): ?> <?php if ($item['isActive']): ?> <li class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"> <span class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><?php echo $item['link']; ?></span> <?php echo $item['subitems']; ?> </li> <?php else: ?> <li<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?>> <?php if(strpos($item['class'], 'nonavlink')===false):?> <a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?><?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?><?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?><?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?><?php echo $item['target']; ?>> <?php else: ?> <span class="<?php echo $item['class']; ?>"><?php endif; ?><?php echo $item['link']; ?> <?php if(strpos($item['class'], 'nonavlink')===false):?></a> <?php else: ?></span> <?php endif; ?> <?php echo $item['subitems']; ?> </li> <?php endif; ?> <?php endforeach; ?> </ul>

Mit dem HTML-Code gibt es gerade ein kleines Problem. Trotz vorläufiger Deinstallation der Erweiterung werden mir die Leistungsseiten nun gar nicht mehr im Menü angezeigt. Alle Caches sind auch geleert... seltsam.

So sieht er jedenfalls aktuell aus:

Code:

<ul class="level_1 mm-list mm-panel mm-opened mm-current" id="mm-0"> <li class="sibling first"><a href="..." title="..." class="sibling first">Showcase</a></li> <li class="sibling"><a href="..." title="..." class="sibling">Referenzen</a></li> <li class="sibling"><a href="..." title="..." class="sibling">Team</a></li> <li class="kontkt sibling last"><a href="..." title="..." class="kontkt sibling last">Kontakt</a></li> </ul>
29.10.2019, 11:40
Spooky

Du musst auf jeden Fall dafür sorgen, dass die Menüpunkte, die nicht klickbar sein sollen, nur ein <span> sind, kein <a>. Grundsätzlich hat das nichts mit der mmenu Erweiterung zu tun.
29.10.2019, 11:46
HorseBadorties

Gut, da bin ich auch nicht der Hardcore-Programmierer ;-). Ich weiß nicht, wo ich da den <span> einbauen muss... hm...
29.10.2019, 11:53
Spooky

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.
29.10.2019, 12:30
HorseBadorties

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...
26.02.2022, 18:03
gm-team

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?
04.03.2022, 10:57
planepix

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!
04.03.2022, 18:14
Andreas

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?
21.12.2022, 12:34
thymian

dk_mmenu erscheint nicht auf Android

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!
21.12.2022, 12:47
spacefront

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
21.12.2022, 12:56
thymian

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.
10.06.2024, 12:01
d003232

Set dem Update von 4.13 auf Contao 5.x funktionieren bei mir die mit position: fix plazierten Buttons nicht mehr richtig, d.h. diese erscheinen an der falschen Stelle und scrollen mit.

Nun habe ich hier gelesen, dass es daran liegt "dass der gesamte #wrapper durch den erwähnten "Off Canvas Effekt" mit Hilfe der CSS-transition manipuliert wird".
https://community.contao.org/de/show...-und-transform

Ich verstehe es zwar technisch nicht. Aber wenn ich das Mobile Menü aus dem Seitentemplate herausnehme, funktionieren meine Buttons wieder. Somit scheint irgend etwas an dk_mmenu tatsächlich die Ursache zu sein.

Wie kann ich das umgehen? Wie kann ich den "Off Canvas Effekt" von dk_mmenu abschalten?
10.06.2024, 12:17
zoglo

Zitat:

Zitat von d003232

Ich verstehe es zwar technisch nicht. Aber wenn

Das können wir ohne Beispiel auch nicht verstehen - Poste immer einen Link zur Seite, wenn du CSS-Fragen hast.

Zitat:

Zitat von d003232

Wie kann ich den "Off Canvas Effekt" von dk_mmenu abschalten?

Das steht im erwähnten Thread von dir, dass es wohl eine Option gibt.
Zusätzlich wird dort auf mehrere Lösungen verlinkt, hast du diese durchgelesen?
10.06.2024, 12:18
Spooky

In dem verlinkten Thread geht es aber grundsätzlich um eine ganz andere Extension (Ursache und Lösung könnte aber gleich sein).
10.06.2024, 12:21
d003232

Ich finde in dk_mmenu keine Option, um den genannten Off Canvas Effekt auszuschalten. Aber mit nochmal Googeln und der richtigen Richtung, habe ich für mich nun eine Lösung über CSS gefunden:

Ich überschreibe das gesetzte transform mit:

HTML-Code:

/* wg Problem in 5.x mit dk_mmenu und Buttons mit position:fix => darf kein translate übergeordnet im wrapper verwendet werden */ .mm-slideout { -webkit-transform: none !important; transform: none !important; }

Update: *** geht leider nicht, da damit das mobile Menü nicht mehr eingeblendet wird / https://ferienhaus-schwarzwald-todtnauberg.de/ ***
11.06.2024, 08:46
d003232

Wie kann ich eigene Optionen über für mmenu setzen? Optionen, die im Backend von dk_mmenu nicht vorgesehen sind? Ich würde gerne versuchen, ob ich mein Problem mit dem nicht funktionierenden "position: fix" über ein Abschalten des "offcanvas" Addons von mmenu umgehen kann:
https://mmenujs.com/docs/core/off-canvas.html

Wenn ich es richtig verstehe, werden im Template "mmenu_default.html5" die Optionen für mmenu gesetzt. Wie bekomme ich dort in das "$this->options" eigene Optionen rein, d.h. "offCanvas": { "use": false }?

HTML-Code:

<?php $GLOBALS['TL_CSS']['contao_dk_mmenu'] = 'bundles/contaommenu/mmenu/mmenu.css|static'; $GLOBALS['TL_JAVASCRIPT']['contao_dk_mmenu'] = 'bundles/contaommenu/mmenu/mmenu.js|static'; ?> <script<?= method_exists($this, 'attr') ? $this->attr()->setIfExists('nonce', $this->nonce('script-src')) : '' ?>> 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($this->options) ?>, <?= json_encode($this->configuration) ?>); } ); </script>
11.06.2024, 09:09
Spooky

Das ist einfach nur ein Array. Das könntest du im Template anpassen.
11.06.2024, 09:20
zoglo

Bevor du hier jetzt noch viel zu lange dran sitzt - hau das in dein Seitenlayout als Script rein und beende das Thema.
Durch das transform wirst du es nicht schaffen position fixed richtig zu nutzen, es sein denn du bist außerhalb des containers.

Ungetestet

PHP-Code:

<script>onload = () => { document.body.classList.remove('mm-wrapper--position-left') }</script>

Die Klasse wird durch das mmenujs beim Öffnen gesetzt und wieder weggenommen, beim Init willst du es nicht haben.
11.06.2024, 10:59
d003232

Zitat:

Zitat von zoglo

PHP-Code:

<script>onload = () => { document.body.classList.remove('mm-wrapper--position-left') }</script>

Die Klasse wird durch das mmenujs beim Öffnen gesetzt und wieder weggenommen, beim Init willst du es nicht haben.

Vielen Dank!

Bin heute schon 4 Stunden erfolglos dran gesessen. Die Benutzung des offcanvas Modul auf false zu setzten hat nicht geholfen. Dazu habe ich es nicht geschaft, diese Option mit PHP dem array $options richtig hinzuzufügen. :rolleyes:

Das Herausnehmen der Klasse 'mm-wrapper--position-left' über den Scripteintrag im Template funktioniert! Ich war schon kurz davor, die ganze dk_mmenu Erweiterung rauszuwerfen und was anderes zu suchen. Nun geht es erst einmal wieder ????.
14.06.2024, 08:25
d003232

Gerade stelle ich fest, dass es auf meinm Pixel 6 Handy noch immer nicht funktioniert. MitUuntersuchen im Browser auf der Handy Einstellung ist alles OK, aber auf dem echten Handy scrollen die fixen Buttons noch immer mit.

https://ferienhaus-schwarzwald-todtnauberg.de

Wenn ich das Mobile Menü kurz öffne und direkt wieder schließe, werden die gelben Buttons richtig platziert. Muss ich noch irgend eine Klasse rausnehmen oder was ist der Unterschied zwischen Desktop und Handy?

Gibt es keine grundsätzliche Möglichkeit für den Entwickler von mmenu, dieses Problem zwischen Position:fix und translate zu verhindern?
14.06.2024, 08:41
zoglo

Das Script muss nach der mmenu js laden -> Stichwort: Ladereihenfolge.
Ich weiß ja nicht wo und wie du es eingebunden hast.
16.07.2024, 09:06
karo68

mmenu mit anker-links

Zitat:

Zitat von cob-web

Hallo Dirch und danke für die tolle Erweiterung.
Ich habe sie nun erfolgreich auf einer "multiplen" OnePageWebsite zum Laufen gebracht. Die Website hat mehrere "echte" Seiten, die Unterpunkte auf jeder Seite sind jedoch Anker.
Nun schließt das Menu leider nicht selbstständig, wenn ich einen Unterpunkt/Anker ansteuere.
Ich habe hier einen Hinweis gefunden, wie man es möglicherweise hinkriegen kann: http://stackoverflow.com/questions/2...on-anchor-tags
Dazu müsste ich jedoch den generierten Javascript ändern.
Wenn ich es richtig verstehe, müsste Folgendes ausgegeben werden:

PHP-Code:

$("#my-menu").mmenu({ "slidingSubmenus": false, onClick : { close : true, preventDefault : false, } });

Kann mir vielleicht jemand einen Hinweis geben, wie ich es machen kann ohne gleich die ganze Erweiterung aufbohren zu müssen?

Zitat:

Zitat von Dirch

Heho,

das kannst du im zugehörigen js-template (js_mmenu) machen. Das sieht nur etwas kryptisch aus wegen dem php-code innen drin, aber du kannst da deine parameter hinzufügen.

Moin, ich benutze einen OnePager mit Anker-Links. Wenn ich das richtig verstehe, muss ich den o.g. Code ins Template "js_mmenu" einbauen, damit sich das Menü nach Klick auf einen Link schließt (derzeit bleibt es nach Klick noch offen). Ich benutze Contao 5 mit dem neuesten mmenu. Hier gibt es so ein Template nicht. Kann mir jemand sagen, an welcher Stelle ich das geänderte Script einbinden muss?
16.07.2024, 09:11
Spooky

Das von dir gepostete Zitat ist mittlerweile fast 8 Jahre alt. Selbst wenn du das richtige Template dafür nimmst (das wäre https://github.com/dklemmt/contao_dk..._default.html5) wirst du das nicht 1:1 so verwenden können. Einerseits weil sich die Struktur der Templates geändert hat und andererseits, weil sich seither die mmenu Version geändert hat.
16.07.2024, 09:36
karo68

Zitat:

Zitat von Spooky

Das von dir gepostete Zitat ist mittlerweile fast 8 Jahre alt. Selbst wenn du das richtige Template dafür nimmst (das wäre https://github.com/dklemmt/contao_dk..._default.html5) wirst du das nicht 1:1 so verwenden können. Einerseits weil sich die Struktur der Templates geändert hat und andererseits, weil sich seither die mmenu Version geändert hat.

O.K., verstehe. Kennst du eine Lösung, damit das Menü auch bei Anker-Links schließt?
16.07.2024, 09:42
Spooky

Evt. musst du du einen setPage:after Hook aus der Off-Canvas Plugin API implementieren, der dann die "close" Methode der Off-Canvas Plugin API aufruft.
16.07.2024, 10:12
karo68

Zitat:

Zitat von Spooky

Evt. musst du du einen setPage:after Hook aus der Off-Canvas Plugin API implementieren, der dann die "close" Methode der Off-Canvas Plugin API aufruft.

danke für die schnelle Antwort!
Da stecke ich dann leider doch nicht tief genug drin, so dass ich weiß, an welcher Stelle der Hook mit welchen Aufrufen und wie das OFF-Canvas-Plugin in Contao implementiert werden muss .
16.07.2024, 10:14
Spooky

Mit Contao selbst hat das wenig zu tun.
16.07.2024, 10:38
karo68

Zitat:

Zitat von Spooky

Mit Contao selbst hat das wenig zu tun.

Dann streiche ich "Contao" und weiß es trotzdem nicht. :)
Habe auch schon die Seite durchgeschaut:
https://mmenujs.com/docs/core/off-canvas.html

70 Beiträge dieses Themas auf einer Seite anzeigen

Alle Zeitangaben in WEZ +1. Es ist jetzt 17:38 Uhr.