Topic List Thumbnails

[Titi]

Hello,

Thumbnails with blog style mode do not appear with the Air theme (discourse-air) theme

The Thumbnails appear with Air Theme only with list mode selected.

When a choose the default Theme the Thumbnails with blog style appear.

1°/ Can someone explain me how to make Thumbnails with blog style work with Air Theme (discourse-air)please ?

2°/ How can I get more text under the thumbnail please, like this:

and not like this :

[manchestermania (Quaerimus Felicitatem)]

Hi,

1. How to display all titles when using blog style mode ?
   

2. How to choose different modes for desktop and mobile. For example, for desktop we use list mode and for mobile we use blog style mode.

Thank you very much for your help

[Arkshine]

Hi,

1. You can add this CSS in your theme or in component:

.topic-thumbnails-blog-style-grid {
  .main-link {
    .link-top-line {
      white-space: normal;
      overflow: auto;
    }
  }
}

2. I don’t think you can do that out of the box – that’s a cool idea, though

[Yahia_Kala]

Another issue with the air theme (list view) is that the thumbnail doesn’t take all the vertical space in the list entry:

[Rick_Jing]

found a bug with grid view

inside this topic:

[jordan-violet]

This plugin theme component is absolutely incredible and has transformed the way our blog and marketplace look.

For the blog style categories option, is there any way to change the default # of topics width from two topics to 3 or 4?

[JammyDodger]

Just to note, this is a theme-component rather than a plugin

[jordan-violet]

Force of habit!

[jordan-violet]

In addition to this, I’d be curious to know if we could adjust the images so they aren’t cropped off at the top:

[huynhthai824 (Sora &\)]

Previously I saw the insert link thumbnail image default option but now I don’t see it anymore. If that topic does not post any photos, the default thumbnail from the link will be displayed.

Or if the topic does not have an image, only the text should be displayed without any spaces.

[King_Dueñas]

Im curious if we can play the video on the thumbnail without opening the topic?

[Heliosurge (Dan DeMontmorency)]

Try switching to Topic Cards theme-component

Topic Cards

Summary Topic Cards restyle the topic list to display as cards with a thumbnail Preview Preview on Discourse Theme Creator Repository https://github.com/discourse/discourse-topic-cards New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component This theme component may cause conflicts with other customisations to the topic list Features This component …

Also using Air Theme.

[markersocial]

Update: This issue seems to be due to Cloudflare minification (html, css, js), disabling that and clearing the cache fixed these issues.

Resolving "SyntaxError: Unexpected identifier #..." caused by Cloudflare Auto Minify

Cloudflare’s ‘Auto Minify’ feature will break recent versions of Discourse. In the browser console, you will see an error like: Uncaught SyntaxError: Unexpected identifier '#...' Cloudflare are aware of the issue, and have added this message to their dashboard: Note: Please note that this feature may not be fully compatible with certain newer CSS and JS language features, which could potentially affect the functionality of the site Unfortunately, despite this critical issue, the feature wi…

// Original post:

Hi @david @Discourse

Just a heads up, default thumbnail mode appears to not work anymore with Discourse Stable 3.3.0.

List view will show for all cases regardless of what has been set, unless you use an override setting - but that only will apply for specific categories, making it impossible to use e.g. masonry or grid on the home page.

It was working as expected prior to upgrading from 3.2.x to 3.3.0 and has been observed on multiple instances.

[STORMS]

Just noticed this… hopefully it can be fixed sooner than later. This is a fantastic add-on.

[Rick_Jing]

so far my experience with this component is great, but one feature I really wish to have is choose the cover thumbnail even it’s not the first image, or choose the cover image without showing in the topic, will this be difficult to approach?

[Moin]

@Rick_Jing

is choose the cover thumbnail even it’s not the first image

This is possible

@Discourse

By default, Discourse will use the first image in the OP of the topic. If you would like to select a different image from the OP, add |thumbnail to the markdown. For example

![alttext|100x100](upload://aaa)
![alttext|100x100|thumbnail](upload://bbb) << this one will be the thumbnail

I think a solution to hide the image in the post was suggested here:

Topic List Thumbnails

Maybe you could use Generic bbcode wrapper for theme components to do something like [wrap=hidden]  [/wrap] Then some CSS like div[data-wrap="hidden"]{ display: none; }

[Rick_Jing]

I tried and it works, the bbcode wrapper is exactly what I need, thank you so much

[jrgong]

Has anyone been able to display a thumbnail in conjunction with WP Discourse Wordpress plugin? Since any images as well as the featured images are displayed via img tag in the first post imported from WP, it cannot be used as thumbnail.

Is there any workaround for this? Since we frequently update our WP Posts, we would like to find some solution here.

[Heliosurge (Dan DeMontmorency)]

Not sure if this would work. But this Theme component might work maybe as an alternative.

Topic Cards

Summary Topic Cards restyle the topic list to display as cards with a thumbnail Preview Preview on Discourse Theme Creator Repository https://github.com/discourse/discourse-topic-cards New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component This theme component may cause conflicts with other customisations to the topic list Features This component …