Skip to main content
FFragrance ShopDocs
Welcome & Theme Introduction
Theme Installation
Install from Shopify Theme StoreInstall from ZIP File
Overview
Brand identity
Store logoStore name fallbackBrowser icon
Border radius
Colors and schemes
Page colorsText colorsDivider colorsPrimary buttonSecondary buttonTertiary buttonArrow buttonForm fieldsDropdownsProduct option buttonsSelected Product option buttons
Typography
FontsBody textHeading textSection headingsPage headings
Layout and spacing
Buttons
Primary and secondaryTertiary buttonArrow button
Form fields
Text inputsDropdowns
Search
Predictive search
Customer accounts
Account navigation
Social media
Profile linksIcon color
Product cards
BadgesProduct imageProduct details
Product compare
Compare feature and limitCompare tableCustom comparison fields
Breadcrumbs
Visibility by page type
Cart page
Follow on Shop
Follow on Shop
Custom CSS
Announcement Bar
LocalizationAnnouncement banner
Header
Featured navigationMega MenuMobile MenuMobile menu localization
Footer
Main footerStore informationFooter navigationNewsletterFooter bottomLocalizationPayment icons
Home PageCollections List PageCollection PageProduct PageBlog PageArticle PageCart PageSearch PageStandard PageContact PagePassword Page404 PageGift Card Page
Banner with benefitsFeatured banner gridImage banner gridProduct bannerPromotional bannerSplit image banner
Hero slideshowImage slideshow
Collapsible image contentFull-width mediaImage galleryImage with textProduct showcase
AnnouncementCall to action cardsScrolling text
Editorial product featureFeatured collectionFeatured productFiltered product listHand-picked productsProduct descriptionProduct videosRecommended products
Collection list
Benefits barProduct benefitsReviews and logosTestimonialsTrust indicators
FAQRich text
Contact formNewsletter
Blog posts
Apps blockCustom Liquid
Version HistoryChangelog
Support PolicyContact Support
FAQ
Docs/Shopify Pages/Search Page
Shopify Pages

Search Page

The Search page shows products, pages, and blog posts that match a customer's query. Customers can filter and sort results in a grid you set up in the theme editor.

Storefront preview

Fragrance Shop search results page showing product grid for a perfume search query

Storefront → Search results

How to open this page

Where to find this

Shopify Admin → Online Store → Themes → Customize

Pick Search from the page dropdown at the top, or run a search on your storefront preview and click through to the results page.

Search template with Search results section in the Fragrance Shop theme editor sidebar

Theme editor → Search → Template

Product grid

Columns on desktop, tablet, and mobile settings for Search results

Theme editor → Search results → Product grid

Columns on desktop

Sets how many product cards appear per row on large screens. Default: 4 · Options: 2–5

Usage

  • Use fewer columns when product titles or badges need more room.
  • Use more columns when search returns many products and you want a dense grid.

Columns on tablet

Sets how many product cards appear per row on tablet-sized screens. Default: 3 · Options: 2–4

Usage

  • Match your collection page grid if you want search results to feel consistent.

Columns on mobile

Sets how many product cards appear per row on phones. Default: 2 · Options: 1–2

Usage

  • Use 1 column for larger product images and longer titles.
  • Use 2 columns to show more results above the fold.

Search behavior

Product-only search, filters, sorting, and filter chip settings for Search results

Theme editor → Search results → Search behavior

Product-only search

Limits results to products only when turned on. Default: Off

Usage

  • Leave off to include pages and blog articles in search results.
  • Turn on for a product-focused results page.

Filters

Shows filter options on the search results page. Default: On

Usage

  • Customize available filters in the Search and Discovery app in Shopify admin.
  • Turn off for a simpler results layout without facets.

Sorting

Shows a sort dropdown so customers can reorder results. Default: On

Usage

  • Helpful when search returns many products and customers want price or relevance sorting.
  • Turn off to hide the sort control and keep the toolbar minimal.

Show filter group on active filter chips

Adds the filter group name to each active filter chip, such as Color: Red. Default: Off

Usage

  • Turn on when several filters could share similar labels and customers need clearer context.
  • Leave off for shorter chips when filter names are already obvious.