Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Ajouter un lien dans le menu hamburger de la version mobile

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Ajouter un lien dans le menu hamburger de la version mobile

Message par Mat le Ven 24 Aoû 2018 - 10:53

Bonjour Clin d'oeil,
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 Visage souriant?

Je parle de ce menu :
Ajouter un lien dans le menu hamburger de la version mobile Captur11

Merci d'avance Visage souriant
Mat

Mat
Membre habitué

Masculin
Messages : 1345
Inscrit(e) le : 05/09/2015

Voir le profil de l'utilisateur http://www.dixily.fr
Mat a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajouter un lien dans le menu hamburger de la version mobile

Message par Bipo le Ven 24 Aoû 2018 - 20:09

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="/newsRemplacez /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.
NewsRemplacez 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>');   
    });

Ajouter un lien dans le menu hamburger de la version mobile 24-08-11

Bonne soirée.
Bipo.
Bipo

Bipo
Membre habitué

Messages : 1449
Inscrit(e) le : 23/09/2010

Voir le profil de l'utilisateur
Bipo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un lien dans le menu hamburger de la version mobile

Message par Mat le Ven 24 Aoû 2018 - 22:44

Explication claire et précise et fonctionne parfaitement Lunettes de soleil
Merci Bipo Clin d'oeil
Et bonne soirée Visage souriant
Mat

Mat
Membre habitué

Masculin
Messages : 1345
Inscrit(e) le : 05/09/2015

Voir le profil de l'utilisateur http://www.dixily.fr
Mat a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum