Search Thumbnails

Customization Plugin

AI-generated summary

The discussion revolves around the Search Thumbnails plugin, a tool by Canapin designed to display image previews within search results, primarily when using the with:images filter. The plugin aims to streamline finding specific pictures by avoiding the need to click through individual posts. It includes settings to control thumbnail visibility and quantity, and documentation is available via the install guide and repository.

During the discussion, user Monikas reported a UI layout bug when using the plugin with the FKB Pro Social Theme. They noted that when a post contains many images, the thumbnails fail to wrap to the next line, causing the search result item to overflow and push content outside the container. Monikas suggested adding flex-wrap: wrap; to the thumbnail container to resolve this. The plugin author, Canapin, acknowledged the issue and confirmed that the requested change has been implemented.

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
15 Likes
How minimal is your forum?
Include images thumbnails in the results excerpts when searching "with:images"
Current Projects - July 2026
Modifications/features I made on my forums (and why)
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
4

I’ve made the change :+1:

2 Likes