ID de CSS personnalisé pour Elementor nested tabs

Si vous souhaitez créer des URL pour diriger vos visiteurs vers un onglet particulier avec les onglets imbriqués d’Elementor, au moment d’écrire ces lignes, cela ne fonctionne pas (23 avril 2024).

Voici comment le faire fonctionner.

Collez ce code dans le widget HTML et placez-le juste avant votre widget des onglets.
Ensuite, ajoutez votre identifiant CSS à vos onglets.

Votre URL finale pour arriver sur un onglet sera https://yourwebsite.com/?tab=cssid

				
					<script>window.onload=function(){const urlParams=new URLSearchParams(window.location.search);const openTabId=urlParams.get('tab');if(openTabId){const targetTabButton=document.getElementById(openTabId);if(targetTabButton&&targetTabButton.classList.contains('e-n-tab-title')){targetTabButton.click()}}}</script>
				
			
Envie de laisser un commentaire ?

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Tu veux voir d'autres bouts de code ?
ON DISCUTE ?

Une question sur WordPress ?
Un projet web à faire sous traiter par un freelance ?
Je suis votre homme !