Étape 15 : Ajouter des raffineurs pour la navigation à facettes à un site de publication dans SharePoint Server
S’APPLIQUE À :
2013
2016
2019
Subscription Edition
SharePoint in Microsoft 365
Notes
De nombreuses fonctionnalités décrites dans cette série sont également disponibles pour la plupart des sites SharePoint dans Microsoft 365.
Aperçu rapide
Lors des étapes précédentes de cette série, les affinements que nous voulons utiliser pour la navigation par facettes ont été identifiés et configurés.
Voici les titres des sections de cet article :
Démarrer l’étape 15
Ajouter un composant WebPart d’affinement à une page
Accédez à la page dans laquelle vous souhaitez ajouter le composant WebPart d'affinement. Dans notre scénario, nous allons accéder à Appareils photo .
Sélectionnez le menu Paramètres, puis sélectionnez Modifier la page.
Dans la zone de composants WebPart à laquelle vous voulez ajouter le composant WebPart, sélectionnez Ajouter un composant WebPart.
Dans la liste Catégories, sélectionnez Recherche.
Dans la liste des composants, sélectionnez Affinement, puis ajoutez.
Dans notre scénario, nous allons ajouter un composant WebPart d'affinement à la zone 2.

Lorsque vous ajoutez un composant WebPart d'affinement à une page, il affiche plusieurs propriétés par défaut comme « Auteur » et « Date de modification ». Nous ne voulons pas utiliser ces affinements. Nous voulons utiliser les affinements que nous avons configurés à l’étape 14: Configurer les affinements pour la navigation par facettes dans SharePoint Server . Nous devons donc configurer le composant WebPart de manière adaptée.
Configurer un composant WebPart d’affinement afin d’utiliser des affinements pour la navigation par facettes
Dans le partie Web Part, sélectionnez le menu du site Web, puis sélectionnez Modifier le site Web Part.
Dans le volet des outils du composant WebPart, dans la section Affinements, sélectionnez Utiliser la configuration de perfectionnement définie dans l'ensemble de termes de la navigation gérée.

Sélectionnez OK et enregistrez la page.
Et voilà, nous avons ajouté des affinements à notre page. Plutôt pas mal, n'est-ce pas ?

Pour vérifier que nos affinements fonctionnent bien, sélectionnez Vert et Orange dans l'affinement par couleur, puis cliquez sur APPLIQUER. Immédiatement, seuls les appareils photo verts et oranges sont affichés sur la page.

Nous avons donc vérifié que nos affinements fonctionnent. Mais, nous ne sommes pas tout à fait au point sur la convivialité. En l'état, les affinements apparaissent sous les noms REFINABLEINT01, REFINABLESTRING01, REFINABLESTRING03 et ainsi de suite. Et ainsi de suite, n’oubliez pas que ce sont les noms des propriétés gérées activées pour l’affinement que nous avons utilisées à l’étape 14 : Configurer les affinements pour la navigation par facettes dans SharePoint Server lorsque nous avons configuré les affinements. Pour les visiteurs, ces noms n'ont aucun sens. Par conséquent, nous devons les modifier en changeant leur nom d’affichage.
Modifier le nom d’affichage d’un affinement
Pour modifier le nom d'affichage d'un affinement, vous devez modifier un fichier JavaScript dans la galerie de pages maîtres. Étant donné que nous avons mappé notre lecteur réseau à l’étape 6 : Télécharger et appliqué une nouvelle page maître à un site de publication dans SharePoint Server,il s’agit d’un processus simple.
Dans votre lecteur réseau mappé, go to Display Templates > Language Files.
Accédez au dossier qui correspond à la langue de votre site, qui dans notre scénario correspond à fr-fr.

Ouvrez le fichier CustomStrings.js.
Pour chaque propriété gérée avec affinement dont vous souhaitez modifier le nom d'affichage, utilisez la syntaxe suivante :
"rf_RefinementTitle_ManagedPropertyName": "Sample Refinement Title for ManagedPropertyName",Par exemple, dans notre scénario Contoso, la propriété gérée avec affinement RefinableInt01 contient un affinement par prix intitulé Price. Pour donner à cet affinement un nom d’affichage convivial, nous allons ajouter la ligne suivante dans le fichier JavaScript :
"rf_RefinementTitle_RefinableInt01": "Price",Dans notre scénario Contoso, pour les affinements que nous avons configurés pour les catégories « Audio » et « Appareils photo », notre fichier CustomString.js se présente comme suit :

Enregistrez ce fichier et actualisez la page Appareils photo pour vérifier que nos affinements possèdent désormais un nom d’affichage convivial.

Si nous accédons à la catégorie Appareils photo numériques, nous pouvons voir que l’affinement spécifique à la catégorie MEGA PIXELS apparaît.
![]()
Ainsi, nos affinements par catégorie s'affichent maintenant pour la catégorie appropriée et ils possèdent tous des noms conviviaux. Cependant, un autre petit détail pourrait améliorer nos affinements encore un peu plus. À l'heure actuelle, nous ne pouvons voir aucune information numérique sur les valeurs d'affinement. Par exemple, nous ne pouvons pas voir combien d’appareils photo ont la couleur Argent ou combien d’appareils photo ont 14 mégapixlx. Pour voir ces informations, nous devons ajouter des nombres aux valeurs d’affinement.
Procédure d’ajout de compteurs aux valeurs d’affinement
In your mapped network drive, go to Display Templates --> Filters.
Ouvrez le fichier HTML Filter_Default.
Modifiez la valeur de ShowCounts en la définissant sur true.

Enregistrez le fichier et actualisez la page Appareils photo pour vérifier que les compteurs d’affinement sont affichés. Vous verrez que les compteurs d'affinement ne s'affichent que pour les affinements pour lesquels il n'est pas possible de sélectionner plusieurs affinements à la fois.

Pour ajouter des nombres d’affinements aux affinements lorsqu’il est possible de sélectionner plusieurs valeurs d’affinement, ouvrez le fichier HTML Filer_MultiValue et répétez les étapes 3 et 4.
Lorsque nous actualisons la page Appareils photo, toutes les valeurs d'affinement disposent maintenant d'un compteur.

Ainsi, lorsque les visiteurs viennent sur notre site Contoso, ils peuvent utiliser des affinements spécifiques à la catégorie pour trouver facilement le produit qu’ils recherchent. Mais il manque encore une chose : lorsque les visiteurs sont sur une page de catégorie de niveau supérieur, par exemple Appareils photo, ils ne peuvent pas facilement voir quelles sous-catégories sont sous Appareils photo. Heureusement, il existe un élément Web Part qui nous permettra de résoudre ce problème. Nous étudierons cela en détail dans le dernier article de cette série.
Article suivant de cette série
Voir aussi
Concepts
Configurer l’composants WebPart de recherche dans SharePoint Server