Storefront Search Interface (PrestaShop)
Storefront Search Interface is the no-code dashboard area for the shopper-facing search UI. Use it for the current embedded UI Settings pages: Integration, Theme, Search Box, and Card Template.
Do not confuse this section with advanced technical customization. Advanced customization covers CSS variables, selectors, supported template fields, and markup-level work. See Advanced Customization (PrestaShop) for that layer.
Where to find it
Section titled “Where to find it”In the PrestaShop back office:
- Open Modules -> Module Manager.
- Find Kea Labs Search Pro in the module list.
- Click Configure on the module row.
- The embedded Kea Labs dashboard opens inside the Configure page.
- In the dashboard sidebar, expand UI Settings.
The current embedded UI Settings group contains these entries:
| Sidebar item | Dashboard route | What it controls |
|---|---|---|
| Integration | /search/settings/search-mode |
Live search on/off and the search experience mode. |
| Theme | /search/settings/theme |
Six color tokens used by the storefront search UI. |
| Search Box | /search/settings/searchbox |
Search Box interface settings and selector placement. |
| Search Results Page | /search/settings/result-page |
Full results page layout and container placement. Visible when the selected search experience includes a results page. |
| Card Template | /search/customization/card-template |
Product card presets and custom card HTML. |
Some deployments also expose a Search Experience route at
/search/settings/v2. You normally do not need to open that route
directly. Use the sidebar pages documented here unless Kea Labs support
asks you to check that route for your store.
If the Configure button is not visible, your role does not have the
Modules permission. See
Install (PrestaShop): If the Configure button is missing.
What lives in this section
Section titled “What lives in this section”- Integration - live search on/off and the storefront search experience mode: Search Widget, Classic Results Page, or Widget + Results Page.
- Search Box - the shopper-facing input field, the Search Box Interface sub-tab, and Search Box Integration selector placement.
- Search Results Page - the storefront listing page surface, full results page settings, and what to test before launch.
- Autocomplete - the dropdown behavior attached to the Search Box. It is not a separate default PrestaShop sidebar item.
- Theme - the six color tokens applied to search surfaces.
Card Template appears under UI Settings, but it is also listed in the advanced customization section because it changes product-card markup. See Card Template (PrestaShop).
No-code settings vs advanced customization
Section titled “No-code settings vs advanced customization”| Need | Use |
|---|---|
| Turn Kea search on/off or select Search Widget / Classic Results Page / Widget + Results Page | Integration |
| Attach search to theme elements with desktop/mobile selectors | Search Box -> Integration sub-tab |
| Adjust Search Box controls exposed by the current view | Search Box -> Interface sub-tab |
| Change the main brand color or search color palette | Theme |
| Change CSS variables, deep selectors, or custom template markup | Advanced Customization (PrestaShop) |
Start with UI Settings. Move to advanced customization only when the dashboard does not expose the change you need.
How changes reach the storefront
Section titled “How changes reach the storefront”What happens after you save depends on the page:
- Integration changes are saved from UI Settings -> Integration. Turning live search on/off is committed by Save. Changing the search experience updates the selected mode and invalidates the old preview build.
- Theme changes are configuration-only. Edit a color picker, save the Theme page, wait for the preview build, and verify in preview. No catalog reindex is required.
- Search Box changes are saved from UI Settings -> Search Box. Save the change, wait for the preview build, then verify desktop and mobile storefront templates.
- Search Results Page changes are saved from UI Settings -> Search Results Page. Save the change, wait for the preview build, then test the full results URL and container selector in storefront preview.
- Search Management changes follow their own save behavior. Synonyms apply after save; fields and indexed filter changes start or queue catalog indexing. See Search Management (PrestaShop).
Always test the same query in storefront preview before relying on a change in production. See Verify in Preview (PrestaShop).