Une façon serait de créer des liens pour les utilisateurs connectés et de suivre les liens pour les utilisateurs déconnectés (dans l’ordre, vous avez donc deux groupes de liens).
Ensuite, avec un peu de CSS, vous cachez un groupe ou un autre.
Il y a une classe CSS anon que vous pourriez utiliser.
Par exemple, disons que vous avez deux liens pour les utilisateurs connectés et 3 pour les utilisateurs déconnectés :
- lien connecté 1
- lien connecté 2
- lien déconnecté 1
- lien déconnecté 2
- lien déconnecté 3
En CSS, vous pouvez faire :
/* Utilisateurs déconnectés : masque les deux premiers liens */
html.anon .featured-banner-link > div:nth-child(-n+2) {
display: none !important;
}
/* Utilisateurs connectés : masque les trois derniers liens */
html:not(.anon) .featured-banner-link > div:nth-last-child(-n+3) {
display: none !important;
}
Est-ce que cela fonctionnerait pour vous ?