Before You Publish Styling Changes (PrestaShop)

Use this page after changing PrestaShop theme CSS, selector placement, or template markup for Kea-powered search.

For the general workflow, see Before You Publish Styling Changes.

Put the change in the theme layer

Keep CSS and template overrides in the active PrestaShop theme or child theme. Do not edit Kea Labs module files directly. Module files can be replaced during an update.

If you changed selector placement in the dashboard, save the UI Settings page, wait for the preview build when one starts, and test preview before publishing.

Check the real PrestaShop storefront

Open storefront preview and check the templates your theme uses:

1. Home page.
2. Category page.
3. Product page.
4. Search results page.

On each template, check desktop and mobile if your theme renders the header differently at those breakpoints.

Clear PrestaShop caches when needed

If preview still shows the old layout:

1. Clear the PrestaShop Smarty cache under Advanced Parameters -> Performance.
2. Purge CDN, reverse-proxy, or hosting cache if your store uses one.
3. Hard reload the storefront tab, or open preview in a fresh private/incognito window.

Post-release checks

After publishing, immediately run one real search journey in a private browser window:

1. Focus the search input.
2. Type a query and inspect the dropdown.
3. Submit the query and inspect the results page.
4. Apply and clear a filter.
5. Click a product card.

If preview and production differ, compare the active theme files, the module version in Modules -> Module Manager, and the cache state first.