Brickspace Lab
Contact usContact ShopifyTry a theme
Keystone
Keystone
  • Keystone documentation
  • Getting started
    • Theme basics
    • Theme settings
      • Colors
      • Typography
      • Borders
      • Prices
      • Quick add
  • Guides
    • Products
      • Product badges
      • Product subtitles
      • Custom content for tables
      • Replace "Add to cart"
      • Disable quick add
    • Wholesale
      • Wholesale basics
      • Account restrictions
    • Color and option swatches
    • Device specific visibility
    • Discount popups
  • Templates
    • Collection template
    • Product template
    • Blog template
    • Article template
  • Sections
    • Global Sections
      • Header
      • Footer
      • Navigation links
      • Announcement
      • Cart drawer
      • Account drawer
      • Search drawer
      • Menu drawer
    • Media & Promotional
      • Slideshow
      • Video
      • Split banner
      • Marquee
      • Image hotspot
      • Countdown
      • Discount
      • Banner
      • Slider
      • Testimonial slider
      • Search banner
    • Product & Collection Displays
      • Product grid
      • Product slider
      • Product table
      • Product comparison
      • Recently viewed
      • Collection list grid
      • Collection list slider
      • Featured product
      • Comparison table
    • Content & Marketing
      • Rich text
      • Blog posts grid
      • Testimonial grid
      • Logo list
      • Icon grid
      • Collapsible content
      • Tabs
      • Collage
    • Utility & Custom
      • Custom liquid
      • Tool tip
      • Store locater
    • Forms & CTAs
      • Email sign-up
      • Sign-up form
      • Contact form
  • General
    • Changelog
      • v1.3.0
      • v1.2.0
      • v1.1.0
      • v1.0.1
      • v1.0.0
    • Known issues and troubleshooting
    • Cloning a demo theme
Powered by GitBook
On this page
  • Section overview
  • Section Settings
  • Block Settings

Was this helpful?

Edit on GitHub
  1. Sections
  2. Global Sections

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 11 days ago

Was this helpful?