Search summary
Overview
A search results summary block that displays the number of search results found and the search terms entered by the user. The block only renders when search results are present and provides configurable styling options for text appearance, spacing, and layout.
Common use cases
Place this block at the top of search results pages for clear user feedback
Use consistent styling with your search form and results layout
Consider using center alignment for standalone search summary displays
Enable max-width for better readability in wide layouts
Adjust font size based on the importance of search feedback in your design
Use appropriate padding to ensure proper spacing within search result containers
Block settings
Spacing
Enable horizontal padding
Adds horizontal padding around the summary
Checkbox (default: false)
Enable top padding
Adds top padding around the summary
Checkbox (default: false)
Enable bottom padding
Adds bottom padding around the summary
Checkbox (default: false)
Color
Text color
Controls the text color
• Default (default) • Alternative • Primary background • Primary foreground • Secondary background • Secondary foreground • Tertiary background • Tertiary foreground • Neutral background • Neutral foreground • Shade
Style
Font family
Controls the font family used for the text
• Standard • Heading • Subheading • Accent Visible when font size contains 'type--'
Font size
Controls the font size of the text
• Smaller • Small • Default (default) • Big • Bigger • Heading 1 • Heading 2 • Heading 3 • Heading 4 • Heading 5 • Heading 6
Layout
Horizontal alignment
Controls horizontal text alignment
• Left (default) • Center • Justify • Right
Enable max width
Limits the maximum width of the text content
Checkbox (default: false)
Display
Visibility
Controls when the block is visible
• All (default) • Mobile only • Desktop only
Last updated
Was this helpful?