Search & Filter Pro – Divi Extension

Intégration du Search Filter Pro avec le Divi FilterGrid : Guide Pratique

Le plugin Search Filter Pro est une solution puissante pour WordPress, offrant des fonctionnalités de recherche, de filtrage et de tri avancées. Lorsqu’il est intégré au Divi FilterGrid, cela ouvre de nouvelles possibilités pour présenter vos contenus de manière organisée et intuitive. Voici un guide détaillé pour vous aider à combiner ces deux outils afin d’optimiser la navigation sur votre site.

Introduction à Search Filter Pro et Divi FilterGrid

Search Filter Pro est conçu pour améliorer l’expérience utilisateur en permettant aux visiteurs de rechercher et filtrer les articles et types de contenus personnalisés de manière efficace. En associant ce plugin avec Divi FilterGrid, vous pouvez non seulement gérer l’affichage des articles, mais également personnaliser l’interface de recherche pour qu’elle corresponde parfaitement à l’esthétique de votre site.

Pourquoi utiliser Search Filter Pro ?

Le Search Filter Pro se distingue par sa capacité à s’intégrer facilement avec d’autres plugins, en particulier ceux qui affichent des publications. Cela vous permet de contrôler précisément quelle information est montrée et comment elle est présentée. Que ce soit pour des blogs, des catalogues de produits ou des portfolios, ce plugin s’adapte à divers scénarios.

Les avantages de Divi FilterGrid

Divi FilterGrid, quant à lui, est spécialement conçu pour travailler avec le thème Divi, permettant aux utilisateurs de créer des grilles de contenu filtrables. En combinant les deux, vous vous donnez les moyens d’exploiter au maximum votre contenu tout en offrant une navigation fluide à vos utilisateurs.

Configuration de Search Filter Pro

Pour tirer le meilleur parti de Search Filter Pro, vous devez avoir un formulaire déjà créé. Voici les étapes pour configurer ce formulaire.

Étape 1 : Modification des paramètres du formulaire

1. Accédez à l’onglet “Display Results” de votre formulaire.
2. Méthode d’affichage des résultats : Changez le paramètre “Display results method” à “Custom”.
3. URL des résultats : Indiquez l’URL de la page où vous allez afficher ce formulaire dans le champ “Results URL”.
4. Configuration AJAX :
5. Pour la propriété “Ajax Container”, définissez-la sur .dpdfg_filtergrid.
6. Vous pouvez également assigner un ID CSS au module Divi FilterGrid que vous utilisez, ce qui vous donnera la flexibilité d’afficher plusieurs grilles sur la même page.
7. Pour la pagination, ajustez le “Pagination selector” à .pagination-item .pagination-link.
8. Mise à jour du formulaire : Enregistrez les changements et copiez le shortcode fourni dans la barre latérale droite.

Étape 2 : Intégration dans Divi

1. Ajoutez le module de code Divi à la page où vous souhaitez afficher votre recherche.
2. Collez le shortcode copié précédemment dans l’éditeur de contenu du module de code.

Mise en place de Divi FilterGrid

Après avoir intégré votre shortcode, il est temps de préparer le module Divi FilterGrid pour qu’il travaille de manière harmonieuse avec Search Filter Pro.

Étape 1 : Configuration de Divi FilterGrid

1. Ajoutez le module Divi FilterGrid après le module de code.
2. Accédez à l’onglet “Content” et modifiez la section “Query” :
3. Changez le “Query Type” à “Third Party Integration”.
4. Dans le menu déroulant “Plugin Name”, sélectionnez Search Filter Pro.
5. Dans le champ “Search & Filter Form ID”, insérez l’ID du formulaire provenant du shortcode que vous avez collé précédemment.
6. Désactivez les filtres par défaut :
7. Dans la section “Filters”, désactivez l’option “Show Filters”, car vous utiliserez uniquement ceux de Search Filter Pro.

Étape 2 : Configurer la pagination

• Une étape cruciale consiste à vérifier les paramètres de pagination :
• Dans la section Pagination, assurez-vous que le type de pagination est réglé sur “Paged” (valeur par défaut). C’est le seul type de pagination supporté lors de l’intégration avec Search Filter Pro.

Résumé des étapes

Voilà, vous avez maintenant configuré avec succès Search Filter Pro pour afficher et filtrer vos contenus via Divi FilterGrid. Cette intégration vous permet de contrôler non seulement la recherche et le filtrage des résultats, mais également la mise en page de vos affichages grâce aux grilles de Divi.

Points clés à retenir

• Personnalisation poussée : Avec Search Filter Pro, vous pouvez adapter vos recherches à vos besoins spécifiques tout en proposant une interface utilisateur fluide.
• Gain de temps : L’intégration avec Divi FilterGrid simplifie considérablement la gestion de vos contenus, ce qui vous laisse plus de temps pour créer et vous concentrer sur les aspects créatifs de votre site.
• Flexibilité : Grâce aux options de CSS et aux ID, vous disposez d’une flexibilité remarquable dans l’affichage de plusieurs grilles sur une même page.

L’intégration de Search Filter Pro avec Divi FilterGrid ne se limite pas à améliorer la présentation, mais offre également une expérience utilisateur sans précédent. Grâce à cette combinaison, vos visiteurs pourront naviguer de manière intuitive à travers vos contenus, ce qui pourrait les inciter à passer plus de temps sur votre site. N’attendez plus, mettez en place cette solution et transformez votre manière de présenter vos contenus !