Removing SKU's from Webflow search

I’m wondering if anyone knows how to stop SKU’s coming up on a site search?

I have a client that wants products to be searchable etc, I’ve built the search results page for them and managed to remove all misc pages from showing up, but I have empty items which seem to be items that are a “site.com/sku/productname-colour-option” when I only wasnt the “site.com/product/productname”.

Here is my site read only link: https://preview.webflow.com/preview/volk-website?utm_medium=preview_link&utm_source=designer&utm_content=volk-website&preview=2af75af081ba686a0f2f65596a75f517&pageId=61e8b7cacb41ca9bb768085e&workflow=preview

Thanks in advance :slight_smile:

1 Like

I have this problem as well, need a solution asap

@TommyNZ did you find a solution for this yet?

I haven’t tested this, but you should be able to hide them with small bit of CSS.

If you add a class selector of Search Result Item on to the Search Result Item ( it may already be there ), it will be easier for the CSS selector to identify those elements. Try placing this in an HTML Embed on the page and see if it works. You might need to tweak it a bit.

<style>
.search-result-item:has(a[href^="/sku/"]) {
  display: none;
}
</style>

image