Remove SKU Items from Search Results

Webflow's Site Search has a glitch that affects ECommerce sites, where it will pick up phantom results through products and display them with the path _/sku/, which is not navigable.

Attempting to click these will result in a 404 error.

To suppress these, add this small piece of script in the _</head> custom code of your search page.

Notes;

• These results will still count towards your total results, so if you're seeing these it's probably best to max out your search results count.
• This CSS uses _:has(), which is unsupported on Firefox. If you need to support Firefox, you'll need a script-based approach.

References

https://discourse.webflow.com/t/removing-skus-from-webflow-search/195889/4?u=memetican

‍