[PNI] Search - update basic search behaviour

[fessehaye]

Closes #7475 #7476

keep product filtering, and make sure that categories are always listing all products, with out-of-category products hidden through CSS by default (Right now categories are prefiltered to only show in-category products)
When the user starts searching:

• “unhighlight” the category, if we're on a category
• highlight the "all" category
• present “search” results from the full PNI product set.

Sorting/ranking priority of the results:

• Product name
• Company name
• Blurb

No changes to design

[Pomax]

Hm, interesting problem: it looks like search.js does not load until all images have loaded, which means you can't search for quite a while, particularly noticable when running a stage copy without S3 settings, which causes all product images to 404, and searchign doesn't work until all of those 404s have finished

addressed

done

addressed

done

[sabrinang]

The checkbox is remembered on Firefox too now 👍 Thanks for the update Simon!

[kristinashu]

This is working super well!

Not a blocker but I noticed that if I'm in /entertainment and start typing in search, the content and nav updates to All (good), but the url doesn't update. Not sure if this is being done elsewhere and it isn't a blocker but maybe a follow up ticket?

[Pomax]

@kristinashu that's intentional: searching doesn't change the URL you're on, but explicitly selecting a category does.

[Pomax]

This looks good as far as I can tell! some things we can iterate on, but let's file followup issues for that, for someone else to tackle in the future. I tested on the current stage copy using both en and fr locales and everything seemed to highlight correctly now.

done

[TheoChevalier]

Thanks! Looks good to me too now, just highlighted one potential issue