Search Thumbnails

Plugin
1
:information_source: Summary Adds thumbnails to image search results
:eyeglasses: Preview Search results for 'trip with:images order:latest' - Unicyclist.com
:hammer_and_wrench: Repository Link https://github.com/Canapin/discourse-search-thumbnails
:open_book: Install Guide How to install plugins in Discourse

Features

This plugin adds thumbnails to image search results. You can see it live here.

image
image495×257 57.5 KB

Many times, on my own forums, I have used the search to find specific pictures.
Clicking on each search result to open the post and see if the image I was looking for was in there was tiresome image-(1)

This feature makes searching for pictures easier.

By default, thumbnails appear only when using the with:images search filter, but there’s a setting to extend the feature to all searches.

Screenshots

Quick search:

image
image1276×1244 234 KB

Full Search:

Thumbnails enabled on image search

image
image1255×1202 194 KB

Thumbnails enabled for non-image search

image
image1255×1193 199 KB

Settings

Setting Description Default
search_thumbnails_enabled Enable thumbnail previews in search results for posts with images. true
search_thumbnails_only_with_images_filter Only show thumbnails when using the with:images filter. If disabled, thumbnails appear in all searches. true
search_thumbnails_max_count Maximum number of thumbnails to display per result. Set to 0 for unlimited. 5
13 Likes
2

image
image1920×424 167 KB

image
image1852×1818 296 KB

Hi there, I found a UI layout bug when using this component with the FKB Pro Social Theme.

As shown in the screenshot below, when a post contains many images, the thumbnails don’t wrap to the next line. This causes the entire search result item to overflow the container, pushing the text and buttons outside the UI background.

Could you please add some CSS like flex-wrap: wrap; to the thumbnail container to prevent this?

Thanks!

1 Like
3

(post deleted by author)

1 Like
4

I’ve made the change :+1:

1 Like