Reddit Style picture thumbnail on the left

It is commonly used on forums. There is a plugin for a similar feature on Vbulletin, i use it, many forums uses it actually, the plugin works in a way that it shares a preview of the topic pic : )

Example http://forum.nihonomaru.com/marus-fanclubs.59/

Pic are small with a pop up when you hover over them. Visually appealing topics does encourage discussions for different communities.

See Vbulletin plugin’s settings. It can grab a video thumbnail as well.

Settings:

Plugin: vBulletin.org Forum

2 Likes

I was looking for this feature too. I can see it being useful for a buy & sell section of a forum too, like this site for example: dance.net - Dresses & Costumes: Ballet, Jazz, Modern, Hip Hop, Tap, Irish, Disco, Twirling, Cheer: Photos, Chat, Games, Jobs, Events!

I’ve been looking at using Discourse or Xenforo. There is also a plugin for Xenforo that implements this: http://xenforo.com/community/resources/thumbnails-by-waindigo.223/

If there is someone out there that could write a plugin that would do this, I think there seem to be a few people here willing to chip in to fund the development of it.

5 Likes

Yes, I can see it very useful too. I like the way Xenforo implements it.

any news? I think it’s a useful feature

1 Like

If anything this is an extensibility request, this kind of behavior will not be in core.

You’re describing one particular type of subreddit. But Reddit is really just infrastructure, and people have absolutely built real forums with real conversations. Two examples: MakeupAddiction (243K members / 321 simultaneously online), and SkincareAddiction (157K members / 331 online).

The photos and the prominence of content make the forums easy, interesting, and fun to participate in.

I chose two forums by and for women because I think this may be a blind spot in Discourse’s design. (It gives me pause on some planned implementations, especially since Discourse is “opinionated” software.) Here’s what I mean:

  • It looks like the list of model forums you surveyed weighs heavily towards male/geek/nerd culture. I was surprised to not see any sites explicitly targeting a female audience. I realize that the article was about TOS not UX design. But I see a “male” / geek aspect to the standard Discourse UX. E.g., the “Views” column which contributes to the topic list resembling an accountant’s spreadsheet. The bottom line is that Pinterest, Reddit and Slack are fun. Discourse is awesome, but it doesn’t have that fun aspect yet.
  • Reddit shows a “# of users online now” indicator, similar to Slack. IIRC you’re also are not a fan of this, although it contributed to these communities’ growth and sense of human community.

Please take my critique in the most positive way possible. Discourse is amazing. To me, though, it feels unnecessarily prescriptive instead of flexible and open-minded.

1 Like

This analysis is nonsense and horribly sexist. Women need images in topic lists? What about http://community.americanpregnancy.org ?

I agree that for some topics it might make sense, and makeup / skincare are highly visual, but I think you’re going in a really weird direction here with this “analysis”.

People have plenty of fun in Discourse. Slapping an image in a topic list is not the only way to have a good time. There are tons of images in topics, it’s very easy to paste or drag and drop images in Discourse. And there are plenty of people having fun with Discourse. For example on http://community.imgur.com

Go ahead, search for yourself. They had a bunch of topics like that. Many other Discourse instances do, too. (And a lot of women in the Imgur community, too, for the record.)

5 Likes

It was funny, I was just reading through this:

http://allthesparkles.com/t/comments-suggestions-box/60

I too am impressed with how intuitive this site is so far.

and

again, like i’ve said many many times already – i love the site!

Nope, nobody seems to be complaining there about lack of reddit style.

of users online has been done to death in another topic, feel free to dig it up and read it.

1 Like

If anything, it’s the males that require pictures. Females have a very dominant verbal left brain. Males have a dominant right brain which focuses on visuals.

But even then individuality of a person trumps anything.

Your far-reaching correlations for the sake of changing an opinion have been noted.

Also, there is a way to change it yourself if you grab the first image from each post and display it on the topic view.

To try and peg a specific website for a specific gender/sex now makes me realize why I get deprecating comments on my use of Pinterest to keep tabs on image-based writing help and fan art. (If I am to correlate your use of women as a whole as proof of need for your feature request).

And for the record, Reddit is known as one of the biggest man caves on the internet.

Yeah it seems really strange to hold up Reddit as an example of a site that’s friendly to women… at all.

That said, @dogweather I appreciate what you’re saying about some topics being more amenable to images in the topic list, and I can agree with that… but I disagree with the way in which you said it.

Help me understand. My comment still reads friendly, civil, and constructive to me, even though I was giving critique.

You probably won’t be surprised to find out that your replies came off as aggressive to me,

This analysis is nonsense and horribly sexist.

…and dismissive because you didn’t respond to most of the content of my post.

I appreciate what you’re saying about some topics being more amenable to images in the topic list, and I can agree with that

Thanks. My particular use case is people discussing restaurant health conditions; a topic that naturally lends to visual content.

And so I’m estimating the cost of building and maintaining a plugin to parse text and display a per-post icon/image.

2 Likes

The lucky thing here is that injecting templates is rather simple (see my theme for an example) the tricky thing is going to be to pick an image and store it in a custom field that is sent down with the list.

1 Like

Thanks! That helps. I just found your post about custom user fields; that’s a piece of cake to use. Is there something analogous for posts?

Yes, but getting it in to the serializer is challenging especially if you are to avoid n+1

This would be a great feature!

I think that when it comes to styling options it should be Discourse’s mission to give us as many options and as much flexibility as possible.

2 Likes

I use Discourse for several months and I love it, really! However option for thumbnails (YouTube videos and images), would be very useful for me and our users. Our site brings together a lot of content. With thumbnails would be much easier to navigate.

Please, can you do something about it?

1 Like

I started to play around with this idea recently and I was able to get the thumbnails working, but there are a lot of things I’m still working on for it to fit my needs. I will at least post what I did here for the thumbnails.

I first started with Sam’s personal “minimal” topic list design and an example form @JSey . @sam provided a great starting point for a minimal layout that just so happens would more easily fit thumbnails, so i figured there was no reason to reinvent the wheel. His full customizations can be found in the linked topic, but for the most part I made the following additions to his code to get thumbnails:

###CSS

.topic-thumbnail {
    background-position: center center;
    background-size: cover;
    border-radius: 3px;
    float: left;
    height: 90px;
    width: 130px;
    margin-right: 2em;
}

###Header

<td class='main-link clearfix'>
   {{raw "topic-status" topic=topic}}
    {{#if topic.image_url}}
    <a href="{{topic.url}}" class=topic-thumbnail style="background-image: url({{topic.image_url}});"></a>
     {{topic-link topic}}
    {{else}}
     {{topic-link topic}}
    {{/if}}
//rest of code here

If you want to see it for yourself, this is what I have so far:

http://talk.polygonalweave.com/c/games

As you can see I removed many other elements that you would probably want to keep for most use cases, but that can easily be modified with Sam’s code. Since I am currently only doing this for my Games category (which brings a host of other problems), I can get away with showing less.

This is definitely not for everyone and it you aren’t comfortable applying manual customizations to your site, I don’t suggest you do this as it always has the chance to break with an update. I just like to experiment with what I can do with Discourse, and I’m willing to accept the consequences.

16 Likes

Amazing, works only in one specific category?

I only have it configured for one particular category, but the example code above will apply this to all categories.

I only wanted it on one category because from my understanding topic.image_url will only pull an image from the first post of a topic and many of my topics don’t have images, except for games.

3 Likes

First, i want to say that I love Discourse and I love the work you are doing.

I was looking for exactly this feature and I got a bit disappointed when I read this thread. I really think it’s a feature that could help boost community engagement by making the overall ux more visual.

For example, I read a few subreddits like Science, Futurology, or Technology, and since a lot of the things that are discussed there can be linked to a picture, it helps a lot to “preview” what they are talking about. Like if there is a thread discussing a new video about Google Self driving car, I can easily see if I already saw that video or if it is a nee one.

Anyway, I really do think it would be a great and beneficial feature for any community. It doesn’t has to look like pinterest, and i think it doesn’t go against the idea of using mainly text to communicate and have fun and share information, but it enriches it.

Only to “detect” the first image used in a thread and have that URL available on the topics view would be enough; do you think that would be doable?

It would be really cool if you could give it another thought. Maybe the future of forums is just a bit more visual!

Thanks again for Discourse

Cheers!