For the complete documentation index, see llms.txt. This page is also available as Markdown.
Search bar
What It Does
The Search bar section lets you add a search bar to your store.
How to Add It
In the Shopify theme editor, click Add section.
Search for "Search bar".
Click the section to add it to your page.
Adjust the settings described below.
Settings
Layout
Controls the Layout. Choose from: Full width, Fit to width.
Heading
The title text displayed in the title element.
Body text
Rich text content with formatting options.
Inputs
Border width
Sets the thickness of the border.
Show only bottom border
When enabled, only the bottom border is displayed on the search bar.
Border radius
Rounds the corners of this element.
Padding
Adjusts the spacing around the content.
Input color scheme
Controls the Input color scheme. Choose from: Primary, Secondary.
Appearance
Heading font size
Controls the heading text size in the title element. Choose from: Heading 6, Heading 5, Heading 4, Heading 3, Heading 2, Heading 1.
Body text font size
Controls the text size in the title element.
Horizontal alignment
Controls the text alignment.
Color scheme
Applies a predefined color scheme to this element.
Color schemes are sets of coordinated colors you define under Theme settings > Colors. Choosing a scheme applies its background, text, and accent colors.
Spacing
Maximum padding top
Adjusts the space above the content.
Maximum padding bottom
Adjusts the space below the content.
Supported Blocks
Search input
See the child document for full settings: Search input
