Ajouter un lien dans le menu hamburger de la version mobile

[Mat]

Bonjour ,
Je voudrais savoir s'il serait possible d'ajouter un bouton dans le menu hamburger de la version mobile en passant pas les templates ou un code JS ?

Je parle de ce menu :


Merci d'avance

[Bipo]

Bonsoir Mat,

Panneau d'Administration → Modules → HTML & JAVASCRIPT → Gestion des codes Javascript

→ Créer un nouveau Javascript ;

→ Titre : Menu personnalisé Mobile
→ Placement : Sur toutes les pages

Code :

Code:

$(window).load(function(){
$('#mNavbar a.navElement:eq(3)').after('<li><a class="navElement" href="/news"><span class="navBtnIcon" style="background-position:-192px 0;"><i class="material-icons"></i></span><br><span class="navBtnLabel">News</span></a></li>');
    });

Les variables qui peuvent être modifiées :

a.navElement:eq(3)	Vous pouvez changer la valeur eq() sachant que 1 place le lien en-dessous d'accueil. Plus vous augmentez la valeur (le chiffre), plus le lien est placé en bas dans le menu déroulant.
href="/news	Remplacez /news par l'url de votre page.
	L'image du lien est une police Font Awesome. Il faut récupérer le code Escaped HTML.
News	Remplacez News par le nom du lien

→ Valider le script JS.

Vous pouvez ajouter d'autres liens en ajoutant cette ligne dans le script :

Code:

$(window).load(function(){
$('#mNavbar a.navElement:eq(3)').after('<li><a class="navElement" href="/news"><span class="navBtnIcon" style="background-position:-192px 0;"><i class="material-icons"></i></span><br><span class="navBtnLabel">News</span></a></li>');
    });

Ce qui donne :

Code:

$(window).load(function(){
$('#mNavbar a.navElement:eq(3)').after('<li><a class="navElement" href="/news"><span class="navBtnIcon" style="background-position:-192px 0;"><i class="material-icons"></i></span><br><span class="navBtnLabel">News</span></a></li>');
$('#mNavbar a.navElement:eq(3)').after('<li><a class="navElement" href="/news2"><span class="navBtnIcon" style="background-position:-192px 0;"><i class="material-icons"></i></span><br><span class="navBtnLabel">News2</span></a></li>');   
    });

Bonne soirée.
Bipo.

[Mat]

Explication claire et précise et fonctionne parfaitement
Merci Bipo
Et bonne soirée