Webflow Fixes

Remove SKU Items from Search Results

Overview
Webflow Designer fixes
Removing "Rogue" Conjoined Text Elements
7:30
005
Resolving Compound Class & Global Class Conflicts
7:41
006
Something Is Broken!
7:41
007
Navbar fixes
Close dropdown menu on anchor link click
100
Scroll-to-section at the correct page location
4:26
101
Site Search fixes
Remove SKU Items from Search Results
200
No items found.
Published
November 17, 2022
in lightbox

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

‍

Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.