Qu’est-ce que le Loop Grid Elementor Pro ?
Le Loop Grid est l’une des fonctionnalités les plus puissantes d’Elementor Pro. Il permet de créer des mises en page dynamiques pour afficher des listes de contenus : articles de blog, produits WooCommerce, Custom Post Types (CPT), ou toute donnée issue d’une requête WordPress. La logique est simple : vous designez une « carte » (Loop Item) une seule fois, et Elementor la répète automatiquement pour chaque contenu de votre liste.
Comment fonctionne le Loop Grid ?
- Créez un Loop Item : c’est le template d’une carte. Vous le designez visuellement avec les Dynamic Tags pour que chaque information s’affiche automatiquement.
- Insérez le Loop Grid sur votre page et sélectionnez le Loop Item créé.
- Configurez la requête : quels contenus afficher, dans quel ordre, combien par page.
- Elementor génère automatiquement autant de cartes que de contenus, avec pagination si besoin.
Cas d’usage concrets
Blog et actualités
Affichez vos articles en grille 3 colonnes avec image à la une, titre, extrait, date et catégorie. Ajoutez une pagination ou un bouton « Charger plus » en AJAX. La mise en page est entièrement libre — vous n’êtes pas limité aux mises en page standards de WordPress.
Portfolio de réalisations
Créez un CPT « Réalisations » avec des champs (secteur, stack technique, année) et un Loop Grid qui les affiche sous forme de galerie filtrée. Ajoutez JetSmartFilters pour filtrer par secteur ou année en temps réel, sans rechargement de page.
Page équipe
Créez un CPT « Membres » avec photo, nom, poste, biographie et liens sociaux. Le Loop Grid génère automatiquement une carte par membre. Ajoutez un nouveau membre dans WordPress et il apparaît instantanément sur la page sans toucher au design.
Catalogue produits WooCommerce
Remplacez la mise en page standard de WooCommerce par votre propre Loop Grid : image produit, nom, prix, bouton « Ajouter au panier », badge promo. Chaque cellule est designée à votre goût avec les Dynamic Tags WooCommerce.
Loop Grid vs JetEngine Listing Grid
Pour les projets simples (blog, portfolio, équipe), le Loop Grid natif d’Elementor Pro est parfait. Pour les projets complexes avec filtres dynamiques, requêtes avancées ou relations entre CPT, JetEngine Listing Grid de Crocoblock apporte une puissance supplémentaire : requêtes meta_query, tax_query imbriquées, et compatibilité native avec JetSmartFilters.
Configurer une requête Loop Grid avancée
Dans le panneau de contenu du widget Loop Grid, accédez à l’onglet « Requête ». Vous pouvez filtrer par type de post, auteur, catégorie, tag, date, et même par méta-champs (ACF). L’option « Exclure le post courant » est très utile pour les sections « Articles similaires » en bas d’article.