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 type="litespeed/javascript">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 Annuler la réponse

Tu veux voir d'autres bouts de code ?

Afficher le poids total des produits dans le panier et commande

Ce code va nous permettre d'afficher le poids total des produits dans la page panier et commande de WooCommerce

ID de CSS personnalisé pour Elementor nested tabs

Ce script nous permettra d'exécuter une URL directement vers un onglet Elementor

Statistiques des commandes WooCommerce par pays

Ce plugin vous permet d'afficher rapidement les volumes de vente en fonction des pays.

Créer un menu déroulant d’une liste de Custom Post Type

Ce code va nous permettre d'afficher un menu déroulant qui liste tous les CPT présents dans notre ACF

Filtrer le nombre de commandes par pays

Mettre en place un sous menu qui nous permet de filtrer une plage de date et afficher le nombre de commandes en fonction des pays.

Incrémenter le prix en fonction de la quantité d’un produit

Ce code vous permettra de faire grossir le prix total de la fiche produit en fonction de la quantité selectionnée