Aller au contenu
Maison

Rechercher dans la documentation

Tapez un réglage, une section ou une question.

Pages de la boutique

Page de recherche

La page de résultats : produits, articles et pages, avec filtres et tri.

Sur cette page

La page de recherche (adresse /search) affiche tous les résultats d’une recherche : produits, articles de blog et pages, dans une même grille. On y arrive en validant une recherche, depuis le lien « Voir tous les résultats » du panneau de recherche, ou directement depuis l’icône de l’en-tête si vous avez choisi le type de recherche Page.

Nom dans l’éditeur
Recherche (EN : Search)
Où l’ajouter
Modèle Recherche uniquement

Réglages

RéglageValeursÀ quoi il sert
Palette de couleursEN : Color schemePalette de couleursPar défaut : Palette 1—
En-tête de recherche
Afficher le titre de la pageEN : Show page titleCase à cocherPar défaut : ActivéLe mot « Recherche » au-dessus du champ. Masqué, il reste annoncé aux lecteurs d’écran.
AlignementEN : Alignment
  • Gauche
  • Centré
Par défaut : Gauche
—
Afficher le nombre de résultatsEN : Show result countCase à cocherPar défaut : ActivéMasqué, le nombre reste annoncé lorsque les filtres modifient les résultats.
Mise en page
Colonnes sur ordinateurEN : Columns on desktop
  • 2
  • 3
  • 4
  • 5
Par défaut : 3
—
Colonnes sur mobileEN : Columns on mobile
  • 1
  • 2
Par défaut : 2
—
Pagination
Résultats par pageEN : Results per pageDe 8 à 48, par pas de 4Par défaut : 20—
Pagination
  • Numéros de page
  • Bouton « Charger plus »
  • Défilement infini
Par défaut : Numéros de page
« Charger plus » et le défilement infini reviennent à une numérotation de pages lorsque JavaScript n’est pas disponible.
Filtres et tri
Activer les filtresEN : Enable filteringCase à cocherPar défaut : ActivéLes filtres se créent dans l’admin Shopify, sous Recherche et découverte.
Activer le triEN : Enable sortingCase à cocherPar défaut : Activé—
Mise en page des filtresEN : Filter layout
  • Tiroir
  • Barre d’outils
  • Barre latérale
Par défaut : Tiroir
—
Fiche produit
Mise en page de la ficheEN : Card layout
  • Standard
  • Compact
  • Pleine largeur
Par défaut : Standard
Standard place le nom sous l’image. Compact le resserre pour des grilles denses. Pleine largeur place le nom par-dessus l’image.
Forme de l’imageEN : Image shape
  • Portrait
  • Carré
  • Paysage
Par défaut : Portrait
—
Palette de couleurs de la ficheEN : Card color schemePalette de couleursPar défaut : Palette 1Faites correspondre la palette de la section pour laisser les fiches sur l’arrière-plan de la page.
Voile sur l’imageEN : Image overlayDe 0 à 60 %, par pas de 5Par défaut : 0 %Fond l’image vers la couleur d’arrière-plan de la fiche. Utile lorsque le nom du produit se trouve sur l’image.
Afficher les nuanciers de couleursEN : Show color swatchesCase à cocherPar défaut : Activé—
Afficher les badgesEN : Show badgesCase à cocherPar défaut : Activé—
Afficher le fournisseurEN : Show vendorCase à cocherPar défaut : Désactivé—
Afficher la deuxième image au survolEN : Show second image on hoverCase à cocherPar défaut : Activé—
Afficher l’ajout rapideEN : Show quick addCase à cocherPar défaut : DésactivéUn produit à une seule variante est ajouté au panier depuis la carte ; un produit à options ouvre ses choix dans un tiroir.

Résultats

  • Les produits s’affichent avec les réglages de fiche produit de la section (voir Fiches produit).
  • Les articles et les pages partagent le même cadre et le même style de titre que les produits ; une page, qui n’a pas d’image, affiche un résumé de 24 mots.
  • Le nombre de résultats s’affiche au-dessus de la grille (« 12 résultats pour robe ») ; masqué avec Afficher le nombre de résultats, il reste annoncé aux lecteurs d’écran quand les filtres changent.

Les filtres, le tri et la pagination fonctionnent comme sur la page collection. La forme Adapté à l’image n’est pas proposée ici : produits, articles et pages partagent un même cadre.

Aucun résultat

Sans résultat, la page affiche « Aucun résultat pour … » et un lien « Parcourir toute la boutique » vers /collections/all.

Pour améliorer ce que la recherche trouve (synonymes, produits mis en avant ou exclus), utilisez l’application Search & Discovery de Shopify.

Cette page vous a-t-elle aidé ?

Maison 1.0.0