Module / Plugin pour Menu vertical

[beeloot]

Bonjour,

j'utilise un theme rocket theme (antares) avec gantry

je cherche à faire un menu vertical comme celui là :

https://www.formation-diagnostiqueur-technique-immobilier.com/

Avez vous connaissance d'un module gratuit ou payant pour faire ce genre de menu ?

Merci d'avance pour vos réponses.

[manu93fr]

Bonjour,

j'utilise un theme rocket theme (antares) avec gantry

je cherche à faire un menu vertical comme celui là :

https://www.formation-diagnostiqueur-technique-immobilier.com/

Avez vous connaissance d'un module gratuit ou payant pour faire ce genre de menu ?

Merci d'avance pour vos réponses.

Bonsoir,
votre exemple montre un template onepage .... avec un effet de scroll dans cette même page
si c'est cela qu'il vous faut, chercher un template joomla onepage

http://demo.joomshaper.com/?template=onepage

https://www.joomlart.com/demo/ja-onepage

sinon, pour avoir juste l'effet scroll dans la page, il y a ce plugin de notre ami Cedric

https://www.joomlack.fr/extensions-joomla/scroll-to-ck

[beeloot]

Bonsoir,
votre exemple montre un template onepage .... avec un effet de scroll dans cette même page
si c'est cela qu'il vous faut, chercher un template joomla onepage

http://demo.joomshaper.com/?template=onepage

https://www.joomlart.com/demo/ja-onepage

sinon, pour avoir juste l'effet scroll dans la page, il y a ce plugin de notre ami Cedric
https://www.joomlack.fr/extensions-joomla/scroll-to-ck

Le scroll to CK je l'utilise déjà ça marche au top en fait je cherche juste un module / plugin pour faire un menu vertical comme celui que l'on trouve sur le site cité plus haut.

Sur les thèmes que tu me proposes le menu est horizontal

[lomart]

Bonjour,

Sur les thèmes que tu me proposes le menu est horizontal

Sur le site exempe, il y a les 2

Ce que tu veux, c'est en plus du menu horizontal un menu vertical comme ceci :

https://www.jqueryscript.net/menu/jQuery-Side-Menu-For-Fullpage-Scrolling-Website.html

Je ne sais pas si un template Joomla l'implante, mais il est possible de bricoler un truc

[pmleconte]

Bonjour,

J'ai fait un petit module https://www.conseilgouz.com/sources/cg-parallax sur ce principe avec une petite adaptation CSS pour avoir le menu fixe à droite :

#cg_navbar, .cg_sticky{top:30%!important;width:15%;right:0;position:fixed}
#cg_navbar ul, .cg_sticky ul {width:95%}

voir demo https://www.conseilgouz.com/en/test-cg-parallax-gb

Pascal

[manu93fr]

Sur les thèmes que tu me proposes le menu est horizontal

Sur ton exemple aussi ... tout en haut

ce que tu vois sur le coté, c'est pour te situé dans la navigation (même si on peut cliquer dessus), mais c'est pas vraiment un "menu" ... d'ailleurs il ne prend pas en compte les sous menus ...

Les exemples que te donne Lomart et Pascal seraient donc plus ce que tu recherches ...

[lesoutier]

ce que tu vois sur le coté, c'est pour te situé dans la navigation (même si on peut cliquer dessus), mais c'est pas vraiment un "menu" ...

Oui, c'est plus proche d'un fil d'Ariane (au moins dans le concept) que d'un menu.

[lomart]

Bonsoir,

une petite adaptation CSS pour avoir le menu fixe à droite

Pascal, ce type de menu est aussi un indicateur de position dans la page.

mais il est possible de bricoler un truc

Je vais expliquer comment le faire. J'utilise UP qui facilite beaucoup ce genre de bricolage

1/ télécharger le script sur cette page : https://www.jqueryscript.net/menu/jQ...g-Website.html
2/ récupérer le fichier mln_full.js et le coller dans un dossier du site. exemple: /media/lomart/

3/ copier le code ci-dessous dans votre article et l'adapter à votre cas

{up addscript}media/lomart/mln_full.js{/up addscript}

{up addcsshead=nav#menu_dir ul li[list-style:none]}

{up addscript | jquery}
$('body').mln_full({
  'target' : '.mln_sec',
  'color' : '#333',
  'hover' : '#F00',
  'itens' : ['Menu1', 'Menu2', 'Menu3', 'Menu4']
});
{/up addscript}

Le premier shortcode charge le script JS
Le deuxième ajoute une règle CSS pour supprimer les puce devant le menu.
Le troisième, fait le boulot :
- il initiale le script pour un ancrage du menu sur le body
- il définit la classe qui définit les sections
- il définit les couleurs du menu en normal et en survol
- et enfin, on met la liste des items de menu

4/ on balise les sections dans le code la page. Il suffit de les entourer par

<section class="mln_full">
le contenu de la section
</section>

Il faut bien sur que tout le contenu soit dans une seule page.
Sinon, il faut envisager d'utiliser un module qui permette l'insertion de code comme LM-Custom

Il faudra sans doute faire un peu de CSS pour le mettre au goût du site.

En tout cas, c'est super pratique comme sommaire d'un article long. Je vais l'utiliser dans mes prochains articles

C'est tellement pratique que je n'ai pas pu attendre pour le tester. A vois sur cette page : https://up.lomart.fr/demo/action-osmap

[beeloot]

Désolé j'avais zappé mon post je recevais pas les réponses par mail !

Donc je suis resté sur un menu horizontal en utilisant ce particle : http://demo.inspiretheme.com/particl...ms/headroom-js

Sinon pour ceux que ça intéresse j'ai trouvé ça en menu vertical

http://demo.inspiretheme.com/particles/index.php/particles/onepage-menu