Réussi
Résultats de recherche
Ajustez la disposition des résultats de recherche, les filtres, le tri et les cartes pour naviguer plus rapidement.
- Documentation Shopify sur les sections et les blocs
- Documentation Shopify sur la personnalisation des sections
- Documentation Company XYZ sur les paramètres des cartes
- Documentation Company XYZ sur les paramètres d’espacement des sections
- Documentation Company XYZ sur les paramètres d’arrière-plan des sections
- Documentation Company XYZ sur les paramètres de séparateurs
- Documentation Company XYZ sur les paramètres de largeur de mise en page
Utilisez cette section pour contrôler la présentation des résultats et la facilité avec laquelle les clients peuvent les affiner. Elle est idéale pour améliorer la vitesse de consultation, réduire l’encombrement et donner à la page de recherche une cohérence avec le reste de votre boutique.
Paramètres principaux
Section intitulée « Paramètres principaux »Cette section ne possède pas de paramètres autonomes distincts avant ses principaux groupes de paramètres. La plupart des réglages se font dans les commandes de mise en page, de filtre et de présentation partagée ci-dessous. Pour un aperçu plus général des commandes de section, consultez documentation Shopify sur les sections et les blocs
Paramètres de l’interface de grille
Section intitulée « Paramètres de l’interface de grille »Ces paramètres définissent la disposition des résultats par défaut sur ordinateur et mobile, et contrôlent aussi si les clients peuvent modifier eux-mêmes cette disposition. C’est utile lorsque vous voulez une vue par défaut équilibrée tout en laissant aux acheteurs un certain contrôle sur la densité de la grille.
Activez l’interface de taille de grille si votre catalogue comprend une large gamme de types de produits ou de styles d’image. Désactivez-la si vous voulez une expérience plus fixe et guidée, avec un seul choix de mise en page.
L’interface épinglée maintient les commandes visibles pendant que les clients font défiler les pages de résultats plus longues. Cela peut faciliter le filtrage et les modifications de mise en page, mais il vaut la peine de vérifier l’expérience mobile afin que les commandes ne paraissent pas trop encombrées.
Paramètres de filtre
Section intitulée « Paramètres de filtre »Ces paramètres ajoutent des outils de filtrage et de tri à la page de résultats. Ils sont plus efficaces lorsque les clients sont susceptibles de rechercher des termes larges et ont besoin de moyens pour affiner ou réorganiser ce qu’ils trouvent. Pour les détails de configuration, consultez documentation Shopify sur la personnalisation des sections
Les filtres nécessitent une configuration supplémentaire avant d’être utiles ici. Une fois cette configuration prête, vous pouvez choisir si les groupes de filtres doivent s’ouvrir par défaut et si vous souhaitez inclure un filtre de disponibilité pour les articles en stock.
Il vaut généralement la peine d’activer le tri pour les catalogues plus volumineux, surtout lorsque les clients peuvent vouloir modifier l’ordre des résultats. Si le tri semble incohérent dans l’aperçu de l’éditeur, vérifiez-le dans la boutique en ligne réelle avant de juger de l’expérience finale.
N’activez les filtres qu’une fois la configuration des filtres associés terminée. Sinon, les clients peuvent voir des commandes qui n’offrent pas de possibilité de raffinement utile.
Paramètres standard de section
Section intitulée « Paramètres standard de section »Paramètres de carte
Section intitulée « Paramètres de carte »Utilisez les Paramètres de carte partagés pour remplacer votre présentation habituelle des cartes uniquement pour les résultats de recherche. C’est utile lorsque la page de recherche a besoin d’un équilibre différent entre la taille de l’image, la densité du texte ou le traitement du bouton par rapport aux autres grilles de produits.
Vous pouvez rendre les cartes de résultats plus compactes pour un balayage plus rapide, ou plus descriptives pour les produits nécessitant davantage de décision. Les cartes de type bannière prennent également en charge un placement vertical supplémentaire du texte, alors testez ce style avec soin si vous souhaitez que le texte se superpose aux visuels.
Paramètres d’espacement
Section intitulée « Paramètres d’espacement »Utilisez les Paramètres d’espacement pour contrôler l’espace au-dessus et au-dessous de la zone de résultats. Des espacements plus réduits fonctionnent souvent bien ici, car les pages de recherche sont généralement plus orientées utilité que promotion.
Des espacements distincts sur ordinateur et mobile permettent de garder la page confortable sans gaspiller d’espace. Si la page semble lente à afficher les résultats, réduisez d’abord l’espacement extérieur.
Paramètres d’arrière-plan de section
Section intitulée « Paramètres d’arrière-plan de section »Utilisez les Paramètres d’arrière-plan de section pour ajouter une couleur, un dégradé, une image ou une vidéo derrière la section. Cela peut aider la page de résultats à paraître plus cohérente avec votre marque, surtout lorsque la mise en page de la page environnante est visuellement minimaliste.
Gardez des arrière-plans sobres sur les pages riches en résultats. Des visuels marqués, des superpositions épaisses ou de la vidéo peuvent entrer en concurrence avec les cartes et les commandes, ce qui rend les résultats plus difficiles à parcourir.
Paramètres de séparateur
Section intitulée « Paramètres de séparateur »Utilisez les Paramètres de séparateur pour placer une ligne en haut ou en bas de la section. C’est un moyen simple de séparer la zone de résultats du contenu voisin ou d’un arrière-plan de page marqué.
Un séparateur discret suffit généralement. Si vous ne définissez pas de couleur personnalisée, la section peut reprendre le style de bordure plus large pour un rendu plus cohérent.
Paramètres de largeur
Section intitulée « Paramètres de largeur »Utilisez les Paramètres de largeur pour contrôler la largeur maximale d’affichage de la section et de son contenu. Cela a un effet important sur la densité des cartes, la lisibilité et la sensation d’espace de la page de résultats.
La largeur du contenu est le principal paramètre pour la lisibilité, tandis que la largeur de la section compte surtout lorsque vous utilisez également un traitement d’arrière-plan. Vérifiez les modifications de largeur dans la boutique en ligne réelle, car l’éditeur peut donner l’impression que la largeur de la mise en page est plus contrainte qu’elle ne l’est réellement.
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Faites correspondre la densité au catalogue. Utilisez des grilles plus serrées pour les assortiments volumineux, mais laissez plus d’espace lorsque les titres de produits, les extraits ou les visuels apportent des détails importants.
- Activez les filtres avec intention. N’activez le filtrage que lorsque les options de filtre disponibles aideront réellement les clients à restreindre des recherches larges.
- Examinez attentivement la version mobile. Les commandes épinglées, les filtres ouverts et les mises en page de cartes denses peuvent sembler trop regroupés sur les petits écrans.
- Utilisez les remplacements de carte de façon stratégique. Modifiez ici le style de carte, le texte et le traitement du bouton uniquement lorsque les résultats de recherche ont besoin d’une expérience de navigation différente des autres grilles.
- Privilégiez un balayage rapide. Faites en sorte que les arrière-plans, l’espacement et les traitements décoratifs restent secondaires par rapport à la clarté des résultats et des commandes.
- Vérifiez les deux états de résultats. Les pages de recherche peuvent avoir un aspect et un comportement différents avant que les clients saisissent une requête et après l’affichage des résultats ; examinez donc séparément l’état vide et l’état avec requête saisie.
- Comparez les vues de l’éditeur et de la boutique en ligne. L’aperçu peut vous aider à configurer la section tôt, mais confirmez l’expérience finale là où le contenu en direct et les résultats réels apparaissent.
- Testez les deux zones d’affichage. L’ordinateur et le mobile peuvent différer en matière de mise en page, d’alignement, de visibilité et de gestion des médias ; vérifiez donc que les commandes et les cartes restent claires sur les deux tailles d’écran.