Topic List Thumbnails

I’m afraid it looks like the Discourse Topic Author component overrides some core templates, which means that it’s incompatible with topic-list-thumbnails. You’ll need to pick one of them to use.

4 Likes

It seems you are right, I can do the previews with the thumbnails from the preview link at the bottom of the TC page.

We used the author theme component to customize the avatar where it was shown, and we used a customization in order to get squares with rounded corners instead of circles.

But even if I disable the topic author, I cannot see the thumbnails.

2 Likes

What if you go to the topic-list-thumbnails component, and use the “Preview” button. Does it work then?

If so, it suggests a conflict with one of the other themes/components.

2 Likes

Yes it seems to work.

Seems both are incompatible between them.
I have to see what was the use of topic author and decide if we disable it (or we find a solution).

I see that this plugin does not excepert the post and you have another one that does, will try it too.

3 Likes

Now it seems to work, with excerpts and thumbnails and avatar customization.

Just disabling Author topic.

Have to read what it did, and why we installed it, as it has been working for quite long and I don’t remember the use.
If it is not all that important I just will disable it.
Thanks a lot.
@david :
By the way: as an improvement, it would be great to add an option to show the avatar for topics that have no image in it, instead of just showing a selected image.
With an option or using a special meaning placeholder name like $avatar or something like that.

For many uses, it is better to see the author avatar than just the same icon for all the topics with no image.
Another improvent I would like to see is the option to include the excerpts (generated by the corresponding TC) in the masonry and grid views, not only in the list view.

It woud be great to be able to read something of the content.

3 Likes

I run into the same issue, did you find how to display the last image instead of the first one in OP?

3 Likes

Hi, is there an easy way to use e.g. category icon as a place holder image? With old solution (excerpts module) only topics with image in first post had image thumbnail, other had nothing (in list view). With TC I am able to see thumbnails of images, but if topic has no image in a body, it displays a placeholder icon. Is there a way to disable the icon (but keep thumbnails for topics with images), or use category logo as thumbnail? Thank you! Other than that, great component!

4 Likes

Set thumbnails for tag settings seems broken on latest discourse ( 6555f0c11b) + latest topic list thumbnail component

Those 4 settings are not working on desktop/mobile.

4 Likes

The tag setting also doesn’t work on b20307377a and does not work on theme-creator.

4 Likes

The bug was fixed on the latest commit, I was assuming the excerpts component is broken due to a similar reason and tried to apply the same fix on a forked repo. Sadly the result works on theme-creator but not on 6555f0c11b still.

3 Likes

Yep, discourse-topic-thumbnails should be fixed by FIX: Correctly detect current tag (#15) · discourse/discourse-topic-thumbnails@4c666e0 · GitHub

I’ll take a look at the excerpts component :eyes: Thanks for reporting @th21!

2 Likes

Hi David,

Is there any way this component could be set up for a single category and not the whole site?

Thanks,
Tom

2 Likes

Yep, it can be applied based on a specific category or tag. Once installed, you should see these settings in the theme admin section:

(e.g. here on Meta we have it enabled for theme and plugin, with a different mode for each)

2 Likes

This is great! Can we get this installed?

Thanks,
Tom

3 Likes

What is needed to get this installed?

Thanks,
Tom

2 Likes

There is a guide linked on the op

3 Likes

Thank you so much for this useful component!
I find that the last replied user’s avatar appears beside the thumbnail on mobile. Is this on purpose or a bug? Is it possible to hide the avatar?

3 Likes

I believe the component intentionally leaves other parts of the UI unchanged, so it’s up to the admin to make a decision about whether or not to hide the avatars there.

It can be done by adding a little CSS to your theme…

.mobile-view .topic-list-data .pull-left {
  display: none; // hides the avatars
}

.mobile-view .topic-list .right {
  margin-left: 0; // removes the space for the avatars
}
5 Likes

Thanks!!! It’s really kind of you.

2 Likes

Just a heads up - I’ve noticed a bug, when using the setting:

Enable thumbnails on non-topic-list pages (e.g. user activity, personal messages, suggested topics)

On the suggested topics list, the user avatar uses the url of the topic thumbnail instead of the user avatar. So there is a small blurry square shown instead of the user avatar.

Running on Discourse stable with the latest version of the component and using the Masonry grid layout.

2 Likes