# Catalogue de fiches techniques industrielles sous Elementor, avec PDF liés > developer.wordpress.org documente les champs personnalisés depuis toujours, mais peu de sites B2B industriels les exploitent bien. La recette pour organiser fiches produit et PDF téléchargeables via Loop Grid. - Auteur : WordPress Développement - Publié le : 2023-01-14 - Mis à jour le : 2023-01-14 - Catégorie : Elementor - URL : https://www.wpmoderne.fr/elementor/fiches-techniques-industrielles-loop-grid-pdf/ ## L’essentiel - Un champ ACF de type fichier pour chaque PDF de fiche technique - Un Loop Item qui affiche le bouton de téléchargement conditionnellement - Une taxonomie par gamme pour filtrer le catalogue 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 `Fichier` nommé `fiche_technique_pdf`, qui stocke l'ID du média PDF. - Un champ de type `Fichier` optionnel nommé `notice_securite_pdf`, laissé vide si non applicable. - Une taxonomie personnalisée `gamme_produit` pour classer chaque référence. ``` Télécharger la fiche technique'; } ``` > L'essentiel à retenir : Un champ ACF de type fichier pour chaque PDF de fiche technique ; Un Loop Item qui affiche le bouton de téléchargement conditionnellement ; Une taxonomie par gamme pour filtrer le catalogue ## 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éteur` remplace 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.