Product Search

The Product Search widget provides a real-time search input that queries the Goose Commerce product catalogue by name, SKU, description, and tags. Results can display inline as a dropdown or redirect to a dedicated search results page.

How to Add It

Open the Elementor editor on the page where you want search (e.g. header, shop page).
Search for Product Search in the widget panel.
Drag it onto the canvas.
Set the placeholder text, results mode, and styling in the Content and Style panels.

Note: To redirect searches to a results page, ensure a Shop page is assigned in Goose → Settings → Pages → Shop Page.

Settings Reference

Setting	Description	Default
Placeholder Text	The hint text shown inside the empty search input	Search products…
Results Mode	Inline dropdown preview or redirect to Shop/Search page	Inline Dropdown
Search Fields	Fields to query: Name, SKU, Description, Tags	Name, SKU
Min Characters	Minimum characters before search triggers	2
Max Results	Maximum number of results shown in the dropdown	6
Show Thumbnail	Display product image thumbnail in dropdown results	Enabled
Show Price	Display product price in dropdown results	Enabled
No Results Text	Message shown when no products match the query	No products found.

Common Use Cases

Add the Product Search widget to your site header so it’s accessible from every page. Use it on the Shop page above the product grid for quick keyword filtering. Enable SKU search so trade or returning customers can search by exact product code. Use redirect mode on large catalogues so full results are shown on a dedicated results page.

Tips & Notes

Tip: Keep Min Characters at 2 or 3 to balance responsiveness with server load on larger product catalogues.

Note: Search queries the Goose Commerce database directly — products must be published and active to appear in results.