Search Result template & Quick Search

[lwptoc]

About Blum Search Template SectionClick to copy 2222

By default, the Blum Search Result template consists of one section: Search Result. This section cannot be removed, but it can be hidden on the Blum Search Result template.

Aside from this section, you can freely add or remove any other sections on the Search Result template.

OverviewClick to copy 2222

What types of search result are available? Products, Articles and Pages
How many products/ collections are valid to display when customers use Blum Search? 3 options to display number of items per page: 12, 24, or 36.

Access Blum Search Template SectionClick to copy 2222

On the top center bar, click on the dropdown button > Search.

Navigate to Search page

Blum Search Template Section ConfigurationClick to copy 2222

Edit GeneralClick to copy 2222

You can change the color scheme for this section by selecting the scheme here. To change the theme color, please go to Theme settings > Colors.

General Search page settings

In General Settings, you can change:

  • Color scheme
  • Number of items per page: choose between 12, 24, or 36.
  • Load product methods (Pagination, Infinite scrolling)

Edit LayoutClick to copy 2222

You can easily customize the layout of this section:

  • Items per row on desktop
  • Items per row on mobile

You can also enable the Remove padding top and Remove padding bottom options to delete the spacing at the top and bottom between the section and the elements inside it.

Edit FilterClick to copy 2222

The Search Result section supports the Filter feature, which helps customers quickly sort out their desired products. The filter can be customized on the Shopify admin dashboard > Online Store > Navigation > Filters.

On desktop and large-screen devices, you can set the filter and sort the layout

*To customize Filters, use the Search & Discovery app. Learn more

Enabling Quick Search

To unlock Quick Search settings:

  1. Go to Online Store > Themes in your Shopify Admin dashboard.
  2. Select your active theme.
  3. Click Customize to enter the theme editor.
  4. In the sidebar, find Theme settings and locate the Search section.
  5. Toggle Enable Quick search to ON.

Once enabled, additional settings will appear for full customization.

Where to find Quick Search settings?

In the sidebar – Layout, Find the Overlay Group > Add Quick Search

Quick Search settings

Quick Search Settings Explored

There are four main segments for Quick Search customization:

  • General Settings – Color Scheme: Select from available schemes to match your brand. This option sets the overall style of search results, affecting background, text, and button colors so they blend seamlessly with your store’s look.

  • Product Results Settings
    • Card Direction:
      • Vertical: Image above product info – a classic card layout.
      • Horizontal: Image on the left, details on the right – great for wider screens.
    • Show Price: Display products’ prices – essential for retail; can be hidden for B2B or special cases.
    • Product Results Setting
    • Items Per Row on Desktop/Mobile
  • Collection Results Settings: Options mirror Product Results, but focus on collections:
    • Card Direction: Vertical/Horizontal presentation for collections.
    • Items Per Row on Desktop/Mobile: Same column choices as products.

setting up product/collection card

Other settings like Image ratio, hover, rating, badge, vendor (product), show product count (collection), overlay, etc. will be automatically taken from “Product card” setting in Theme Settings

Empty State

When searches yield no results or first open, these options help keep visitors engaged:

  • Suggested Links: Add a custom shortcut menu to popular or help pages.
  • Suggested Products: Pin top sellers, new arrivals, or trending items.
    • Reorder for priority.
    • “Show more” to expand options.
    • Add a custom heading or leave it untitled (content will still display).
  • Suggested Collections: Recommend key product categories when no matches.
  • Headings: Optional labels for suggestions – clarifies purpose, though lists work without them.

Frequently Asked QuestionsClick to copy 2222

1. How many search results can be displayed per page?

You can choose to display 12, 24, or 36 items per page on your search results page.

2. Can I hide the search results section?

While the default “Search Result” section is built in, you can’t remove it entirely. However, you have the option to hide it on the search results page.

3. Can the Blum Search Template Section display additional content besides search results?

No, the Blum Search Template Section is specifically designed to showcase search results (products, articles, and pages). You can add other sections for different purposes on other pages in your store.

Navigate this category