« Pourquoi les asperges disparaissent-elles du site en septembre ? » Cette question, posée par un adhérent de la coopérative agricole cliente, résume exactement le besoin du projet : présenter un catalogue de produits qui reflète naturellement la saisonnalité des récoltes, sans jamais afficher un produit hors saison, mais sans non plus mettre en place une boutique en ligne complète avec gestion de stock et paiement.
Le widget Loop Grid d’Elementor Pro, associé à un champ personnalisé de saison sur chaque fiche produit, permet de construire ce catalogue filtré simplement, en gardant la main sur l’affichage sans développement lourd.
Structurer les produits avec un champ de saison
Chaque produit du catalogue reste un article WordPress classique, ou un type de contenu produit_ferme dédié selon la préférence de la coopérative, enrichi d’un champ personnalisé saison qui accepte une ou plusieurs valeurs parmi printemps, été, automne et hiver. Ce champ, ajouté via une boîte à méta simple avec des cases à cocher, permet à un même produit disponible sur deux saisons d’apparaître dans les deux filtres sans duplication de fiche.
Cette structure de données, pensée avant même d’ouvrir Elementor, conditionne tout le reste du projet : un champ mal conçu au départ oblige ensuite à retoucher toutes les fiches produits une par une, ce qui coûte bien plus de temps qu’une réflexion initiale un peu plus poussée.
Configurer le Loop Grid et sa requête
Le widget Loop Grid interroge le type de contenu des produits, avec une requête personnalisée qui filtre sur la valeur du champ personnalisé saison correspondant à un paramètre transmis dans l’URL de la page. Le modèle de carte (Loop Item) associé affiche la photo, le nom et une courte description du produit, réutilisé à l’identique quelle que soit la saison affichée.
Ce filtrage par paramètre d’URL, plutôt que par un système de recherche complexe côté serveur, garde la page rapide à charger et facile à partager : un lien direct vers le filtre « produits d’été » fonctionne indépendamment, sans dépendre d’un état de session propre au visiteur.
Construire les liens de filtre visuellement
Une rangée de quatre boutons Elementor au-dessus du Loop Grid, un par saison, pointe chacun vers la même page avec un paramètre d’URL différent. Ce mécanisme ne nécessite aucun code JavaScript de filtrage dynamique : chaque clic recharge simplement la page avec le nouveau paramètre, ce qui reste largement assez réactif pour un catalogue de taille modeste.
- Un bouton par saison, avec surlignage visuel de la saison actuellement affichée.
- Un lien « toute l’année » qui retire le paramètre de filtre pour tout afficher.
- Un texte introductif rappelant que les stocks dépendent des récoltes réelles, pas d’une gestion automatisée.
Mettre à jour le catalogue au fil des récoltes
La coopérative met à jour elle-même le champ de saison de chaque fiche produit selon l’avancement réel des récoltes, sans intervention technique nécessaire une fois le système en place. Cette autonomie, pensée dès la conception du champ personnalisé, évite de dépendre d’un prestataire pour un simple ajustement saisonnier du catalogue.
Ce que ce catalogue ne couvre pas
La vente en ligne avec panier, paiement et gestion précise des stocks disponibles ne fait pas partie de ce dispositif, volontairement limité à un rôle de vitrine informative. Un adhérent intéressé par un produit contacte la coopérative directement par téléphone ou lors de sa visite en point de vente, ce qui correspondait exactement au fonctionnement souhaité pour ce projet.
Toujours prévoir, dès la conception du champ de saison, la possibilité qu’un produit couvre plusieurs saisons à la fois : une case à cocher multiple coûte à peine plus cher à mettre en place qu’un simple menu déroulant, et évite une refonte du champ quelques mois plus tard.
En résumé
Un champ personnalisé de saison, un Loop Grid bien configuré et quelques boutons de filtre par lien suffisent à construire un catalogue de produits qui respecte la réalité des récoltes, sans plugin e-commerce ni gestion de stock superflue pour ce type de projet. Une solution volontairement simple, à la mesure exacte du besoin exprimé par cette coopérative.
