Store pages
Search page
The results page: products, articles, and pages, with filters and sorting.
On this page
The search page (address /search) shows all the results for a search: products, blog articles, and pages, in a single grid. Shoppers get there by submitting a search, from the "View all results" link in the search panel, or directly from the header icon if you've chosen the Page search type.
- Name in the editor
- Search (FR: Recherche)
- Where to add it
- Search template only
Settings
| Setting | Values | What it does |
|---|---|---|
| Color schemeFR: Palette de couleurs | Color schemeDefault: Scheme 1 | — |
| Search header | ||
| Show page titleFR: Afficher le titre de la page | CheckboxDefault: On | The word “Search” above the field. Hidden, it is still announced to screen readers. |
| AlignmentFR: Alignement |
| — |
| Show result countFR: Afficher le nombre de résultats | CheckboxDefault: On | Hidden, the count is still announced when filters change the results. |
| Layout | ||
| Columns on desktopFR: Colonnes sur ordinateur |
| — |
| Columns on mobileFR: Colonnes sur mobile |
| — |
| Pagination | ||
| Results per pageFR: Résultats par page | From 8 to 48, in steps of 4Default: 20 | — |
| Pagination |
| "Load more" and infinite scroll fall back to page numbers when JavaScript is unavailable. |
| Filtering and sorting | ||
| Enable filteringFR: Activer les filtres | CheckboxDefault: On | Filters are created in the Shopify admin, under Search & Discovery. |
| Enable sortingFR: Activer le tri | CheckboxDefault: On | — |
| Filter layoutFR: Mise en page des filtres |
| — |
| Product card | ||
| Card layoutFR: Mise en page de la fiche |
| Standard sets the name below the image. Compact tightens it for dense grids. Full bleed sets the name over the image. |
| Image shapeFR: Forme de l’image |
| — |
| Card color schemeFR: Palette de couleurs de la fiche | Color schemeDefault: Scheme 1 | Match the section's scheme to leave cards on the page background. |
| Image overlayFR: Voile sur l’image | From 0 to 60%, in steps of 5Default: 0% | Washes the image toward the card background color. Useful when the product name sits over the image. |
| Show color swatchesFR: Afficher les nuanciers de couleurs | CheckboxDefault: On | — |
| Show badgesFR: Afficher les badges | CheckboxDefault: On | — |
| Show vendorFR: Afficher le fournisseur | CheckboxDefault: Off | — |
| Show second image on hoverFR: Afficher la deuxième image au survol | CheckboxDefault: On | — |
| Show quick addFR: Afficher l’ajout rapide | CheckboxDefault: Off | A product with one variant is added to the cart from the card; a product with options opens its choices in a drawer. |
Results
- Products show with the section's product card settings (see Product cards).
- Articles and pages share the same frame and heading style as products; a page, which has no image, shows a 24-word summary.
- The result count appears above the grid ("12 results for dress"); when hidden with Show result count, it's still announced to screen readers when filters change.
Filters, sorting, and pagination work the same way as on the collection page. The Adapt to image shape isn't available here: products, articles, and pages share the same frame.
No results
With no results, the page shows "No results found for …" and a "Browse everything" link to /collections/all.
To improve what search finds (synonyms, boosted or excluded products), use Shopify's Search & Discovery app.
Maison 1.0.0