Topic List Thumbnails Theme Component

As I understand it, images from onebox are not show as topic thumbnails?

1 Like

Small onebox avatars/thumbnails are not used, no. Large images from oneboxes (e.g. instagram) are used.

5 Likes

Question: Youtube thumbnails - Is there a setting I am missing, or do you have to add videos in a certain manner to ensure a topic thumbnail for Youtube videos? I have tested with several videos, rebaked posts etc. but alas, nothing seems to generate thumbnails for me. Any hints or explained requirements would be much appreciated.

Feature request: Additional component setting - In addition to being able to set style (list/grid/masonry) for categories, it would be awesome if you could do the same for front page and/or recommended posts which are rendered below a post. Use case: Wanting to have grid view on the front page, but list view for recommended posts.

Thank you for considering.

1 Like

Make sure you have ‘download remote images’ enabled on your site. Only basic youtube URLs are supported - links including a playlist are not. You can read more here:

Great idea, this would be good to implement alongside the per-tag options :+1:

3 Likes

Aha, thanks @david! That was certainly my “issue”, much appreciated! :ok_hand:

Also, glad to hear that the feature request will be taken under consideration :slightly_smiling_face:

3 Likes

Hey. I would like to be able to exclude the image if it does not fit. Is such an opportunity planned?

One more case, in the Topic List Previews plugin you could select an image from the list, it really helped out in some cases.

Thank you!

2 Likes

There’s a TC version of Topic List Previews now that retains that feature if you install the sidecar plugin. You currently need a plugin to be able to choose a thumbnail because you need to change the back end.

3 Likes

I installed sidecar plugin and activate

- git clone https://github.com/merefield/discourse-topic-previews.git -b "theme_sidecar"

1 Like

Sorry for any confusion, but this only works with the TLP TC. I responded because you mentioned TLP.

2 Likes

Testing it now, works really nice!

I’ve noticed a couple of issues with grid mode:

  • Full/Desktop primarily, not so much an issue on mobile - Topics with super long titles (using default max title length) can push the thumbnail up really high up, until it’s really tiny or isn’t visible. Topics loaded with a lot of tags also get this.

  • Full/Desktop Only - Categories with a longer name will push the the user’s avatar and topic last update time to be cut off by the edge of the thumbnail.

  • Full/Desktop Only - Avatars aren’t displaying for the suggested topics underneath threads. It’s displaying what look small blurry square segments of the thumbnail. This happens on both masonry and grid.

I’m on the beta branch.

1 Like

Hello @merefield,

could you guide me how to change?

1 Like

Thanks for the great work! I just have to questions/suggestions:

  1. Will this one work if the image is hosted on another site? As my site has a lot of images so I don’t want to turn on download remote images to local setting. If we must turn this setting on, will it become heavy for hosting and loading if there are many images?

  2. Can we have the share and like button for each post in Masonry and Grid mode? That could be awesome!

Thanks!

I realise that if the image is not big enough, then there is a “blur” region on the layout. Can we somehow resize the image to fit the box and remove this region? Or scaling down the box?

No, this only works for Discourse “uploads”

Unlikely to be added to this component, but of course feel free to fork the component and tweak it to your liking :slight_smile:

Not at the moment - the overall widths/heights of the tiles need to be calculated before rendering (I.e. before we know how many lines the topic title will be). That means that for longer titles, the image doesn’t quite fill the space.

2 Likes

Does anything special need to be done for generating topic thumbnails from an Instagram (image post) onebox?

Running tests-passed
download remote images - enabled

Can’t seem to get it to generate.

Can we align the name of the topic and the rest of the stats? as it is, the topic name is top-aligned, while the rest are middle-aligned. Thanks!

2 Likes

Are the Instagram onebox topic list thumbnails working for anyone? Would appreciate any feedback - trying to figure out if it’s something wrong with my configuration or not.

Not exactly as you describe, but you may be interested in

4 Likes

Suggestion: Would be great if there was an option for posts that have no thumbnail to not have any thumbnail area (which displays the default icon) so they take less screen real estate. Like it’s handled with the TLP plugin and theme component.

Hi, I’ve tried to use the component in my forum and I wanted to use it in this category:

However the TC doesn’t fetch the pictures

But I use use the “preview” option it does:

Any help will be greatly appreciated as i think this component gives a really cool visual look to my blog area.

Thanks!

1 Like