Lien menu sur la même page

[bouba184]

Bonjour,

Je suis entrain de faire un site internet avec Helix 3 et je buttes sur un problème de lien de menu.

J'aimerais faire en sorte que quand je clique sur mon lien menu en haut, je reste sur la page home de sp pagebuilder mais de scroller sur une colonne crée dans pagebuilder.

Quelqu'un saurait comment faire ?

Merci et excellente journée à tous.

[RobertG]

Si je comprends bien ce que tu cherches à faire, je pense qu'utiliser des ancres dans ton texte serait la solution, mais n'utilisant pas SP Pagebuilder, je ne suis pas certain de ma proposition;

[chabi01]

Bonjour,
Tu essayes de faire comme sur ce site ? https://sportactive.net/
Quand tu déroules le menu "Cycling", tu as les 2 premiers liens "Cycling in Mallorca" et "Cycling in France". Si tu cliques dessus, tu restes sur la même page mais tu actives l'onglet correspondant.
Si c'est ce que tu veux réaliser, ici, ce ne sont que 2 liens vers les ancres dans les onglets, les onglets ayant été généré avec Tabs de RegularLabs.
Pour SP Pagebuilder, il te faut savoir si des colonnes (si tu parles d'onglets) peuvent être appelé de la même manière : si tu appelles un contenu dans un élément qui n'est pas actif, il faut qu'il puisse s'activer avec le lien, sinon, ton lien fonctionnera mais restera "invisible".

Cordialement,

[bouba184]

Merci Chabi01

Pour voir le résultat voulu j'ai trouvé une demo de page :

http://demo.joomlabamboo.com/index.php?theme=onepage

Salutations

[chabi01]

Donc, c'est bien ce que je te disais et RobertG également : ce sont des ancres et tu crées des liens sur les ancres.
Pour créer un lien sur une ancre, tu dois d'abord créer ton ancre si elle n'existe pas (via le gestionnaire de lien de l'éditeur ou en insérant dans le code un identifiant).
Par exemple, tu as un "div" dans ta page qui est nommé (identifié donc) avec un ID, le code ressemble à ça :

<div id="cequetuveux"> bla bla bla </div>

Ici c'est un div mais cela peut être n'importe quel ID.

Quand tu veux "sauter" à ce bloc, tu vas faire un lien tout bête vers l'ancre avec un # suivi du nom.
Exemple :

<a href="#cequetuveux">Va aller directement à ton bloc ce que tu veux</a>

Si maintenant tu veux que l'affichage ne soit pas brutal, il te faudra ajouter si il n'est pas présent un petit script de type "smoothscroll" qui permet de défiler vers ton lien "doucement". Il y en a plein sur le JED, exemple : https://extensions.joomla.org/extension/qlsmoothscroll/

Cordialement,

[bouba184]

Merci beaucoup, je vais essayer tout ça..