developer.wordpress.org documente depuis longtemps la fonction get_field() et les champs personnalisés, mais peu de catalogues B2B industriels en tirent vraiment parti pour organiser leurs fiches produit. Le problème est souvent le même : des dizaines, parfois des centaines de références techniques, chacune avec sa propre fiche PDF, et un besoin de présentation homogène sans passer par une extension de gestion documentaire lourde.
Cette recette ne traite pas de la demande de devis en ligne, qui suit un tout autre flux avec ses propres champs et son propre formulaire : elle se concentre uniquement sur la structuration du catalogue et l’affichage des documents techniques via un Loop Grid.
Le problème posé par un catalogue de fiches techniques
Un fabricant industriel dispose typiquement d’un type de contenu personnalisé produit, avec des dizaines d’entrées réparties en plusieurs gammes. Chaque produit doit afficher, en plus de sa description, un lien de téléchargement vers sa fiche technique au format PDF, et parfois une notice de sécurité distincte. L’enjeu est de rendre ce catalogue filtrable par gamme, tout en gardant un temps de chargement raisonnable malgré le nombre de PDF potentiellement volumineux.
Le champ personnalisé pour lier chaque PDF
La structure de champs recommandée, via Advanced Custom Fields, associe à chaque produit :
- Un champ de type
Fichiernomméfiche_technique_pdf, qui stocke l’ID du média PDF. - Un champ de type
Fichieroptionnel nomménotice_securite_pdf, laissé vide si non applicable. - Une taxonomie personnalisée
gamme_produitpour classer chaque référence.
<?php
// Dans le Loop Item, condition d'affichage du bouton PDF
if ( get_field( 'fiche_technique_pdf' ) ) {
$pdf = get_field( 'fiche_technique_pdf' );
echo '<a href="' . esc_url( $pdf['url'] ) . '" target="_blank" rel="noopener">Télécharger la fiche technique</a>';
}
Construire le Loop Grid et le Loop Item
Le Loop Item se construit comme un gabarit de carte produit : image principale, titre, référence, et une zone conditionnelle pour les liens de documents. Dans Elementor, la condition d’affichage du bouton PDF passe par un Dynamic Tag personnalisé qui va chercher le champ ACF fiche_technique_pdf, avec une visibilité conditionnelle activée uniquement si le champ n’est pas vide, pour éviter d’afficher un bouton mort sur les fiches sans document associé.
Filtrer par gamme avec le Loop Grid Pro
Le Loop Grid Pro permet de filtrer directement sur une taxonomie via l’onglet Requête, en sélectionnant gamme_produit comme paramètre. Pour un affichage avec filtre visuel côté visiteur, on combine ce réglage avec un widget d’onglets ou un menu de filtre qui recharge le Loop Grid via un paramètre d’URL, chaque bouton de filtre pointant vers une valeur de taxonomie précise.
Variantes possibles
Selon la volumétrie du catalogue, plusieurs variantes s’appliquent :
- Pour un catalogue de plus de deux cents références, ajouter un champ de recherche par référence en complément du filtre par gamme, pour éviter une pagination trop longue.
- Pour des PDF volumineux, envisager un renommage cohérent des fichiers médias (référence produit dans le nom de fichier) afin de faciliter leur retrouvabilité dans la médiathèque WordPress.
- Si plusieurs documents doivent être attachés à une même fiche (fiche technique, notice, certificat), un champ ACF de type
Répéteurremplace avantageusement plusieurs champs fichiers distincts.
Le réflexe qu’on recommande systématiquement sur ce type de catalogue : ne jamais nommer les fichiers PDF « document.pdf » ou « fiche.pdf » dans la médiathèque. Un nom de fichier reprenant la référence produit facilite grandement la maintenance quand le catalogue dépasse la centaine d’entrées.
En résumé
Un catalogue de fiches techniques industrielles se structure efficacement avec quelques champs ACF bien choisis, une taxonomie de gamme, et un Loop Grid dont le Loop Item affiche conditionnellement les liens de documents. Cette approche reste largement dans les capacités de la version gratuite d’ACF et d’Elementor Pro, sans nécessiter d’extension de gestion documentaire dédiée.
