Topic List Thumbnails Theme Component

Maybe you could use Generic bbcode wrapper for theme components to do something like

[wrap=hidden]
  ![image|612x500|hide](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)
[/wrap]

Then some CSS like

div[data-wrap="hidden"]{
  display: none;
}
5 Likes

Oh, did not know about this one. Neat, thank you!

1 Like

The alert-info banner overlaps the thumbnails, is this by design or a bug?

1 Like

It’s somewhat by design. Normally, that bar sits on top of the column headings in the topic list. The alternative would be for the bar to “push down” all the topics when it appears, which would make the entire UI jump down, and could be quite jarring.

I’m not sure why there is a ~1px gap on the right hand side of the bar in your screenshot. That could be an issue with the component, or it could be related to your custom theme CSS.

3 Likes

Is it possible to show the number of likes on the thumbnail cards + make it clickable so images can be liked straight from the gallery view?

3 Likes

list categories is not working on mobile mode even when check Enable thumbnails on mobile devices ?

1 Like

Hi, it is pretty cool.
Is it possible to use the hotlink figure (from imgur for example) as thumbnail?

1 Like

hi I just set the blog category to use list categories, but it shows in every categories, have I did some wrong set step?

1 Like

Default thumbnail mode should be set to none if you don’t want to use it everywhere.

The other settings will work as expected

1 Like

I don’t want to be annoying, but I’m curious if this could be considered? We feel that liking from a thumbnail is a valid use case (you can judge the image without seeing the full version), and that it would greatly increase engagement for the more ‘instagram-oriented’ visitors.

2 Likes

Hi folks,

great components. I want to make it so that the thumbnail shows the LAST image of a topic, not the first one provided by the topic creator.

I looked through the code and found the topic.thumbnails decorator but I cannot reverse engineer how this is created so that I can build logic myself to get the last image in that topic.

Can anyone point me to docs on how to extend/build decorators for the topic?
Discourse is amazing!

Thank you

It also is great to add a User Preference so that users can control the list types themselves. And also make this an optional thing assuming some forum owners wouldn’t want that. We want that option though.

I could build it and rais a PR I guess.

1 Like

It’s a Theme Component, they can just choose another theme without this component. No code required, just name the Themes appropriately.

4 Likes

That worked well, thank you!

2 Likes

Hey David

what do you think about adding the topic author avatar to the minimal-grid on top of the thumbnail in the lower right corner, something like this? That would be a great addition.

2 Likes

If it’s behind a theme setting (default disabled), then I agree this would be a good option for some sites. #pr-welcome

3 Likes

On @jrgong forum the images don’t load after the 10th row. This seems to be independent on the actual amount of images (i.e. it’s always the 10th row, even if there are only a few topics that even have a thumbnail).

No network errors, nothing in console. Any ideas?

2 Likes

I’ve seen this happen when the last topic in the list is hidden via CSS (e.g. someone has added a CSS rule to hide closed topics). Could that be happening here?

Happy to take a quick look if you can send through a link.

2 Likes

@jrgong the TC is currently in preview mode so non-users cannot repro it (they can’t preview_theme_id). Is it ok to enable the TC temporarily on that one category so David can have a look?

2 Likes

Quick update: We figured out that some inofficial plugin was the culprit. We will update here once we pinpointed the one responsible :slight_smile:

3 Likes

So it was not even another plugin. It’s a bug(?) in preview mode.

The lazy loading turns out to break when you open the Topic Thumbnails theme component in preview mode while your currently selected theme does not already include it. Fully able to repro this on stable, did not try it on beta or tests-passed.

3 Likes