Search drawer

Section overview

The Theme Search section provides a searchable interface for your Shopify store, featuring a slide-out drawer that allows users to search for products, collections, articles, and pages.

Common Use Cases

  • Primary store search functionality with predictive results

  • Displaying search recommendations for common queries

  • Filtering search results by resource type (products, collections, articles, pages)

  • Providing a customizable search experience with announcement banners

Usage Tips

  • Add search recommendations to guide users toward popular products or categories

  • Match the color scheme to your store's aesthetic for consistent branding

  • Consider mobile users - the search drawer is position-optimized for different device types

  • Customize search functionality in theme settings to control which content types are searchable

Section Settings

Setting
Description

Search recommendations

Link list for displaying search recommendations when no search is being performed

Color scheme

Controls the background and text color of the search drawer

Color border

Sets the style of borders within the search drawer

Block Settings

Announcement

The Announcement block allows you to display a message at the top of the search drawer, useful for promotions or important information.

Block limit: 1

Setting
Description

Content

Rich text content to display in the announcement

Color scheme

Controls the background and text color of the announcement

X alignment

Sets the horizontal alignment of the announcement content (left, center, right)

Last updated

Was this helpful?