Search Page helps customers quickly find products, articles, and pages that match their search terms. By customizing the Search results section, you can improve usability, highlight key content, and better match your store’s design.
You have full control over how results appear across different devices to ensure the best viewing experience.
Layout: Toggle Make section full-width for a spacious, wide-screen look.
Grid Settings: Adjust Products per page and the Number of columns independently for Desktop and Mobile views.
Pagination: Choose how users navigate through results:
Links: Standard page numbers (1, 2, 3...).
Load more: A simple "Load more" button.
Infinite scrolling: Results appear automatically as the user scrolls down (similar to social media feeds).
This feature is a great time-saver for your customers.
Enable Search suggestions: Toggle this to show relevant keywords and specific products instantly as the user types in the search bar.
The Vetro theme displays blog posts alongside products in search results. Beyond standard toggles like Date, Author, or Excerpt, the Show category option includes smart tag logic:
Disable: Do not show any category label on the article card.
The first article's tag: Displays the first tag assigned to the post.
From tags contains 'category_': This allows for a clean, professional look. The system looks for tags with a specific prefix (e.g., 'category_News'). It automatically hides the 'category_' prefix and only displays "News" on the card.
The settings for Filters, Product Badges, Vendor Links, and Color Swatches on the Search Page function identically to those on the Collection Page.
To ensure a consistent shopping experience across your store, these features are managed via shared Theme Settings or the standard Filtering block.
Filters: Configured via the Shopify Search & Discovery app. Supports Drawer, Sidebar, or Horizontal layouts. ( Refer to the Documentation)
Badges: Managed in Theme Settings (New, Sale, Sold Out, Pre-order). ( Refer to this Documentation)
Vendor Links: Turns brand names into clickable links leading to a matching collection.
Color Swatches: Controls how color variants appear (Swatches vs. Count), limits logic, and hover effects.
For detailed configuration instructions on these features, please refer to the Collection Page Documentation.