Deux outils pour le même objectif
Le Loop Grid (Elementor Pro natif) et le Listing Grid (JetEngine/Crocoblock) affichent tous les deux une liste de contenus dynamiques dans une mise en page répétée — un template par item, répété pour chaque résultat d’une requête. En surface, identiques. En profondeur, leurs capacités divergent significativement sur les cas avancés.
Tableau comparatif technique
| Critère | Loop Grid (Elementor Pro) | Listing Grid (JetEngine) |
|---|---|---|
| Plugin requis | Elementor Pro uniquement | Elementor Pro + JetEngine |
| Sources de données | Posts, Pages, CPT, Produits WC | Posts, Pages, CPT, Produits WC, Users, Terms, Bookings, répéteurs JetEngine |
| Filtres meta_query imbriqués | Simple (1 niveau) | Complexe (AND/OR imbriqués) |
| Requêtes géographiques | Non | Oui (rayon GPS) |
| Requêtes relations JetEngine | Non | Oui |
| Tri par méta-champ numérique | Limité | Complet |
| Compatibilité JetSmartFilters | Oui (depuis 2023) | Oui (native) |
| Map Listing (carte) | Non | Oui (JetEngine Map) |
| Affichage de répéteurs | Non | Oui |
| Performances | Légèrement meilleur | Légèrement plus lourd |
Quand utiliser le Loop Grid Elementor Pro
- Blog simple avec affichage d’articles par catégorie
- Portfolio avec CPT « Projets » et filtres simples (catégorie unique)
- Page équipe avec CPT « Membres » sans requêtes complexes
- Catalogue produits WooCommerce standard
- Tout projet où JetEngine n’est pas nécessaire pour d’autres fonctionnalités
Quand utiliser le Listing Grid JetEngine
- Annuaire avec filtres sur plusieurs méta-champs simultanément
- Immobilier avec filtres prix + surface + pièces + ville combinés
- Carte interactive avec marqueurs filtrables
- Affichage de données issues de répéteurs JetEngine
- Requêtes géographiques (propriétés dans un rayon de 50 km autour de Lyon)
- Relations entre CPT
- Tout projet qui utilise déjà JetEngine pour ses CPT et méta-champs
Ma règle de décision
Si le projet utilise JetEngine pour ses CPT, j’utilise systématiquement le Listing Grid JetEngine — l’intégration native est trop bonne pour passer à côté. Si le projet n’utilise pas JetEngine, le Loop Grid natif suffit pour 80% des cas. Règle : ne chargez Crocoblock que si vous utilisez au moins 3 de ses plugins sur le projet.
→ Retour au guide Crocoblock pour Elementor
FAQ — Listing Grid JetEngine vs Loop Grid Elementor
Peut-on migrer un Loop Grid existant vers un Listing Grid JetEngine sans tout reconstruire ? Non, la migration n’est pas automatique. Le Loop Grid Elementor et le Listing Grid JetEngine utilisent des structures de template et des systèmes de requête différents. Pour migrer, vous devez créer un nouveau Listing Item template JetEngine (en recréant la mise en page de votre Loop Item), puis remplacer le widget Loop Grid par un widget Listing Grid sur la page. Les données restent inchangées — seul l’affichage change.
Le Loop Grid d’Elementor Pro peut-il afficher les données des méta-champs JetEngine ? Oui, via les Dynamic Tags. Elementor Pro peut lire les méta-champs JetEngine dans les templates Loop Item, en utilisant les Dynamic Tags « Post Custom Field » avec la clé du méta-champ JetEngine. C’est une alternative valable si vous voulez utiliser JetEngine uniquement pour la structure des données et Elementor Pro Loop Grid pour l’affichage, sans installer le Listing Grid JetEngine.
Le Listing Grid JetEngine est-il plus lent que le Loop Grid Elementor ? Légèrement, car JetEngine ajoute sa propre couche de traitement des requêtes. Sur des listings de moins de 500 entrées, la différence est imperceptible (< 50ms). Sur des listings de 5 000+ entrées avec filtres complexes, les performances dépendent davantage de l’hébergement (Redis cache, MariaDB optimé) que du choix entre Loop Grid et Listing Grid.
Peut-on mélanger des Loop Items Elementor et des Listing Items JetEngine sur la même page ? Oui. Vous pouvez avoir un Loop Grid Elementor (pour les articles du blog, par exemple) et un Listing Grid JetEngine (pour l’annuaire de professionnels) sur la même page. Ils fonctionnent indépendamment. JetSmartFilters peut cibler l’un, l’autre, ou les deux simultanément.
Le Listing Grid JetEngine supporte-t-il l’infinite scroll et la pagination AJAX ? Oui, les deux. JetEngine Listing Grid propose : pagination numérotée standard, pagination numérotée AJAX (sans rechargement de page), infinite scroll (chargement automatique au défilement), et bouton « Charger plus » (load more). L’infinite scroll et le load more AJAX sont particulièrement utilisés sur les annuaires et catalogues pour éviter la pagination classique et améliorer l’expérience utilisateur.