# Topic List Thumbnails

**URL:** https://meta.discourse.org/t/topic-list-thumbnails/150602
**Category:** Theme component
**Tags:** official, topic-list-thumbnails
**Created:** [May 6, 2020, 2:15pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602 "2020-05-06T14:15:18Z")
**Posts on this page:** 20
**Page:** 8

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [September 24, 2024, 5:38pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/322 "2024-09-24T17:38:02Z")

</div>

It doesn’t work, I tried. Discourse core provides the thumbnail based on the image in the post, I am afraid ☹

---

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [November 26, 2024, 5:34pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/323 "2024-11-26T17:34:57Z")

</div>

> [@Discourse](#):
>
> [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-thumbnails-blog) (blog style)
> 
> [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-thumbnails-grid) (grid)
> 
> [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-thumbnail-list) (list)
> 
> [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-thumbnails-masonry) (masonry)

Is it just me or arhe the first 4 previews not working? I only see a regular topic list

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [November 27, 2024, 12:01am UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/324 "2024-11-27T00:01:34Z")

</div>

Strange, I can see it just fine.  
Can you confirm you’re in the #topic-list-thumbnails-example category?

---

<div class="post-metadata">

### Author: ![Ahmed26](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmed26/32/347069_2.png) [@Ahmed26](https://meta.discourse.org/u/Ahmed26)
#### Post date: [February 10, 2025, 12:10pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/325 "2025-02-10T12:10:10Z")

</div>

How can I adjust the image size and ovality like on this forum site [forum.xboxera.com](http://forum.xboxera.com)

 ![A screenshot featuring a list of trending gaming-related discussions and articles on a social media or news feed platform, including topics like Xbox acquisition, Phil Spencer's chat, Minecraft, and a game review. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/7/f/a/7fad4d10d1ccbc28ce46425e34ca82d929f23d9a.png)

---

<div class="post-metadata">

### Author: ![LaptechInfo](https://avatars.discourse-cdn.com/v4/letter/l/e8c25b/32.png) [@LaptechInfo](https://meta.discourse.org/u/LaptechInfo)
#### Post date: [February 11, 2025, 5:26pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/326 "2025-02-11T17:26:05Z")

</div>

It would be nice, if there is an option for adding excerpts from topics.  
Thanks 😍

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [February 11, 2025, 5:34pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/327 "2025-02-11T17:34:41Z")

</div>

You can combine it with this theme component :

> [@Topic List Excerpts](https://meta.discourse.org/t/topic-list-excerpts/151520):
>
> discourse2Summary Topic List Excerpts allows you to enable excerpts for unpinned topics (by default, Discourse only displays topic excerpts for pinned topics).eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-excerpts)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-topic-excerpts](https://github.com/discourse/discourse-topic-excerpts)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Works great alo…

It’s really nice with a few tweaks

Here is an example:

 ![A blog post discussing the TV series "The Office" and its comedic and dramatic elements, highlighting the main characters Dwight (a shrewd and dedicated employee), and the introduction of new characters Mike Ross (a talented office worker) and Harvey Specter (a successful lawyer). (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/5/7/c/57c3f3a16bfcb77d2df9f3f8d8322c54b5eb9bec.png)

---

<div class="post-metadata">

### Author: ![LaptechInfo](https://avatars.discourse-cdn.com/v4/letter/l/e8c25b/32.png) [@LaptechInfo](https://meta.discourse.org/u/LaptechInfo)
#### Post date: [February 11, 2025, 5:44pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/328 "2025-02-11T17:44:38Z")

</div>

Thank you 😍

---

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [February 18, 2025, 5:48pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/330 "2025-02-18T17:48:58Z")

</div>

Any chance that the [Topic Cards](https://meta.discourse.org/t/topic-cards/296048) mode could be added to to TLT?

---

<div class="post-metadata">

### Author: ![Frankz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frankz/32/491670_2.png) [@Frankz](https://meta.discourse.org/u/Frankz)
#### Post date: [April 24, 2025, 8:46pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/334 "2025-04-24T20:46:37Z")

</div>

How can I set the search results displayed in grid or mansionry  
Thanks

Frank

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [April 25, 2025, 1:56pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/335 "2025-04-25T13:56:52Z")

</div>

4 posts were merged into an existing topic: [How can I set the search results displayed in grid or mansionry](https://meta.discourse.org/t/how-can-i-set-the-search-results-displayed-in-grid-or-mansionry/363357/8)

---

<div class="post-metadata">

### Author: ![co\_choa](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/co_choa/32/456777_2.png) [@co\_choa](https://meta.discourse.org/u/co_choa)
#### Post date: [April 25, 2025, 9:44am UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/336 "2025-04-25T09:44:49Z")

</div>

This is an exceptionally well-designed component; with some modifications to the code, it can achieve highly customizable effects.

---

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [April 28, 2025, 11:37am UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/337 "2025-04-28T11:37:30Z")

</div>

Is there any way to add a setting to enable an option so that thumbnail settings will also be applied for subcategories automatically?

---

<div class="post-metadata">

### Author: ![jasedepuit](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jasedepuit/32/513610_2.png) [@jasedepuit](https://meta.discourse.org/u/jasedepuit)
#### Post date: [July 21, 2025, 4:08am UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/338 "2025-07-21T04:08:46Z")

</div>

Hi there - I’ve read through this whole thread but still have a question about this component.

Specifically, is it possible to set it so the thumbnail is only displayed if an image is found to display? i.e. - rather than having a placeholder when there’s no image, just don’t display anything?

Currently we have many topics without images and the placeholder images are overwhelming.

Note that we are focused on **List** view if that is important.

---

<div class="post-metadata">

### Author: ![alltiagocom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alltiagocom/32/492709_2.png) [@alltiagocom](https://meta.discourse.org/u/alltiagocom)
#### Post date: [July 23, 2025, 1:30pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/339 "2025-07-23T13:30:06Z")

</div>

I agree that this should be an option.  
If not yet implemented or if it won’t be implemented at all, maybe using CSS (and if necessary, some JavaScript) can achieve the same result?

I still don’t have the component installed, but I would guess that maybe this could be a workaround?

---

<div class="post-metadata">

### Author: ![vincefrommtl](https://avatars.discourse-cdn.com/v4/letter/v/ac91a4/32.png) [@vincefrommtl](https://meta.discourse.org/u/vincefrommtl)
#### Post date: [July 30, 2025, 8:34pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/340 "2025-07-30T20:34:42Z")

</div>

Hello!

It would be nice to have an option to show thumbnails in search results. Some users would like to look at the thumbnail to find the topic that they are searching for.

---

<div class="post-metadata">

### Author: ![opcourdis](https://avatars.discourse-cdn.com/v4/letter/o/45deac/32.png) [@opcourdis](https://meta.discourse.org/u/opcourdis)
#### Post date: [August 18, 2025, 11:15pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/341 "2025-08-18T23:15:36Z")

</div>

That would be great for directories, catalogs etc. You are right.

---

<div class="post-metadata">

### Author: ![ckshen](https://avatars.discourse-cdn.com/v4/letter/c/ad7895/32.png) [@ckshen](https://meta.discourse.org/u/ckshen)
#### Post date: [September 10, 2025, 6:17pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/342 "2025-09-10T18:17:00Z")

</div>

I have the `mobile thumbnails` setting turned off. After updating the software from 3.3 to 3.5.0 yesterday, the thumbnails is displayed in the mobile topic lists. Though instead of properly displayed, it is now shown as background images. Also, it’s now showing five user avatars for each topic, ie it seems like the desktop topic list format is now used for mobile when this component is included in a theme. Removing the component fixes the issue, for now.

It happened to me on ios 18.6.2/ firefox and chrome. also happened to my users on Android. The component is on the latest version.

Is there a way to suppress mobile thumbnail display like it used to?

Component included:

 ![IMG_7338](https://global.discourse-cdn.com/meta/original/4X/9/c/1/9c13cc8c8d5baea5047cbe31e494388210143366.jpeg)

Component excluded:

 ![IMG_7337](https://global.discourse-cdn.com/meta/original/4X/2/2/7/2274d52829ed9766825d0edb5f584dae649e40ee.jpeg)

---

<div class="post-metadata">

### Author: ![ckshen](https://avatars.discourse-cdn.com/v4/letter/c/ad7895/32.png) [@ckshen](https://meta.discourse.org/u/ckshen)
#### Post date: [September 15, 2025, 11:21pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/343 "2025-09-15T23:21:55Z")

</div>

I did some additional testing on two different Discourse deployments. and here’s the combination of settings that causes the component to cause issues on mobile.

1. Included in theme, Mobile thumbnails setting on. Thumbnail displayed ok.

 ![4e60cc5063a91ca7d2ea419fae3e8e9f9f8898fd_2_460x1000](https://global.discourse-cdn.com/meta/original/4X/a/5/b/a5b7c1e7fc101e6463d840e48399fd1a05863e4a.jpeg)

1. Included in theme, Mobile thumbnails setting off. topic list is all funky.

 ![770b53b0aa9dbd54a7a95f943779c5af54a65b1b_2_460x1000](https://global.discourse-cdn.com/meta/original/4X/0/f/9/0f9489d538920e75400104b7b7e446ab41daedca.jpeg)

Discourse version: v3.5.0 ([05a3040066](https://github.com/discourse/discourse/commits/05a304006600f36c3e45d19c9c5919f43f5541c9))

Topic Thumbnails: latest as of Sep 15 2025.

---

<div class="post-metadata">

### Author: ![jenmck](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jenmck/32/332487_2.png) [@jenmck](https://meta.discourse.org/u/jenmck)
#### Post date: [November 25, 2025, 11:01pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/344 "2025-11-25T23:01:01Z")

</div>

I’m having an issue with this component:

Using the Horizon theme, thumbnails do not render at all in grid mode, minimal grid mode, or masonry mode. They _do_ render in list mode.

The thumbnail renders oddly in blog mode using the Horizon theme (it’s at the bottom right corner, very tiny):

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/d/c/adc11bbe6036720f14bfed9d6c69b933a588e1e5.png)

I tested with the Foundation and Material Design themes and they do render correctly for all modes.

I tried adding another image and declaring that it should be the thumbnail, with no luck. I also tried adding text before the image, no luck.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [November 26, 2025, 8:18am UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/345 "2025-11-26T08:18:33Z")

</div>

> [@Horizon theme and Topic Thumbnails component](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/4?silent=true):
>
> Hey! Our Horizon theme is not meant to be compatible with the topic-list-thumbnail component. Both alter the structure of the topic cards in very different ways, and therefor don’t play well together. Here you can find a list with the current status regarding compatibility with other components:

[Previous page](https://meta.discourse.org/t/topic-list-thumbnails/150602.md?page=7)

[Next page](https://meta.discourse.org/t/topic-list-thumbnails/150602.md?page=9)
