thegeneralyst/AnopaDocs
Catalog & Search

Search Summary

Displays a human-readable summary of current search results using {{count}} and {{query}} placeholders, only when a search query is active.

Search Summary displays a human-readable summary of the current search results, such as Showing 4 results for "Relaxed Overcoat".

It uses the {{count}} and {{query}} template placeholders to insert the current result count and search term into your chosen text.

The component only renders when a search query is active, so it is safe to include in any layout without affecting non-search pages.

What it does

  • Shows a short, readable summary of search results.
  • Supports templates for both matching and zero-result states.
  • Automatically hides itself when no search is active.

How to set it up

  • Place AP_SearchSummary above or below your AnopaCatalog on the search results page.
  • Because it renders nothing when no search is active, it will not appear on other pages even if included in a shared layout.

Key behaviours

  • Uses {{count}} to display the number of matching results.
  • Uses {{query}} to display the active search term.
  • Switches between the main template and the zero-results template depending on whether the count is greater than zero.
  • Provides preview controls (count and query) for canvas-only design-time previews.

Property Controls

ControlTypeDefaultDescription
TemplateStringShowing {{count}} results for "{{query}}"Template used when there are one or more search results. Supports {{count}} and {{query}} placeholders.
Zero ResultsNo results for "{{query}}"Template used when the search returns zero results. Supports the {{query}} placeholder.
FontFont14pxTypography settings for the summary text.
Color#111111Text color for the summary.