Tidying up Squarespace search results

More in Plugins, Scripting and Styling

Every Squarespace website has a standalone search page www.yourdomain.com/search

This is great, except for the fact that Squarespace search results can be pretty messy if you use gallery collections as feeds for gallery blocks and summary blocks. In that case each image in your gallery collection shows up in your search results and links users to a gallery page that serves no actual purpose other than as a data source. 

It's a bit like an in-store directory sending potential customers to the stock room. 

There's no way within the Squarespace admin interface to customise the site search, but a little bit of custom css will filter out any gallery images. 

The CSS

.sqs-search-page {
.sqs-post-type-image.ContentItem {
         display:none  !important;
    }
}

Add the code above to Design > Custom CSS and your search results will be a lot more useful to your site visitors. 

Colin Irwin

I’m Colin Irwin, a freelance Squarespace Designer & Developer based in London, UK, with clients in the USA and around the world.

I’m a recognised Squarespace expert. I design and build Squarespace sites for everyone from charities and start ups to major established brands.

https://www.silvabokis.com
Previous
Previous

Free Plugin - Using a CSS3 animation to fix 'font flicker'

Next
Next

A Google Analytics filter that improves on the "Search Term Not Provided" message