Elementor

Des extraits de code pour aller plus loin avec Elementor sans extension supplémentaire : bouton retour en haut, menu qui se masque au défilement, galerie personnalisée, identifiants CSS sur les onglets imbriqués, widget Posts filtré par un champ ACF, modèle Elementor inséré dans la page panier WooCommerce. Chaque article précise où placer le code et comment s’en servir.

Elementor · Extensions

Bouton retour en haut pour Elementor

Bouton « Retour en haut » avec remplissage progressif en fonction du défilement. Utilise automatiquement la couleur principale d’Elementor.

Lire le snippet →

hook elementor/widgets/register

Elementor · Extensions · WooCommerce

Elementor : afficher le stock d’un produit WooCommerce dans un widget

Widget Elementor affichant le statut de stock des produits WooCommerce. Conçu pour le Loop Builder (cards produit dans les archives/catégories).

Lire le snippet →

Menu sticky intelligent (hide on scroll)

Ce snippet met en place un menu sticky fixé en haut de l’écran

Lire le snippet →

Créer une galerie personnalisée avec Elementor

Avec ce code vous allez pouvoir créer une galerie personnalisée avec Elementor

Lire le snippet →

code activateTabById()

ID de CSS personnalisé pour Elementor nested tabs

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

Lire le snippet →

hook elementor/query/filtrage_date

ACF · Elementor · WordPress

Filtrer les widget Elementor Post par date d’un champ ACF

Nous allons afficher les posts crée avec ACF et affichés avec le widget Elementor Post (publications) par un champ date renseigné via ACF

Lire le snippet →

hook woocommerce_after_cart_table

Elementor · WooCommerce

WooCommerce : personnaliser la page panier avec un modèle Elementor

Ce code va vous permettre d’insérer un modèle elementor à différents endroits de votre page panier WooCommerce

Lire le snippet →

Retrouver tous les articles sur le blog de Wycan →