Featured Lists

[manuel (Manuel Kostka)]

	Summary	Create and feature custom topic lists
	Repository	GitHub - nolosb/discourse-featured-lists: A Discourse theme component to feature custom topic lists. · GitHub
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

The component lets you filter custom topic lists and showcase them on your forum.

Default look

Settings Editor

Styling

For CSS styling the component structure is:

.featured-lists {
  &__wrapper { }

  &__list-container { }

  &__list-header { }

  &__list-body { }
}

For example you could style an old-school board look:

Or modern minimal panels:

If you do custom styles, please share them on this topic!

[digitaldominica]

Hi, how can i prevent the about the category topic from being displaed in the featured lists?

Also is it possible to hide a row if there is no topics within it? For example if i use a row for New topics it shows empty with the row information but no topics.

[manuel (Manuel Kostka)]

@digitaldominica

is it possible to hide a row if there is no topics within it?

Thanks for the feedback! I just updated the component, so it doesn’t render empty lists.

@digitaldominica

how can i prevent the about the category topic from being displaed in the featured lists?

I don’t see a dedicated class for the about topics. But you could use a style declaration to hide pinned topics from the featured lists:

.featured-lists__list-body .topic-list-item.pinned {
  display: none;
}

[digitaldominica]

Thanks for the update, it works out great. Is it possible in the future that the post button by more actually posts to the designated category for the corresponding row?

[manuel (Manuel Kostka)]

@digitaldominica

Is it possible in the future that the post button actually posts to the designated category for the corresponding row?

That should already work like this:

• If you set a category or a tag the composer will pre-fill either or both.

• If the list has no set category, the composer will pre-fill with the value from the site-wide setting default composer category:

  

How does it not work for you?

[Lilly (Lillian)]

Nice component @manuel, I really like this, especially how easily customizable you made it so it can be adapted to other themes. Great work and thanks for sharing!

[digitaldominica]

Hi yes this works, what I was asking is if I set a category on a row that is different from the default one in admin, can a person who clicks post go to that category and not the one set in the admin settings?

[manuel (Manuel Kostka)]

I’m not sure what you’re trying to achieve.. could you explain it with an example?

[hoangviet (DilysLena)]

If I set show on to Everywhere
How to hide Featured Lists when opening topics of a specific category?

[manuel (Manuel Kostka)]

You could either fork the component and add your specific condition to discourse-featured-lists/javascripts/discourse/components/featured-lists-wrapper.gjs at main · nolosb/discourse-featured-lists · GitHub.

Or just use some CSS declarations to hide the component on your specific categories.

[DonkeyKongEnjoyer (DKE)]

This theme-component is awesome! Apologies for necroing this topic, but I have a question about this component.

Would it be possible to display categories instead of topics?

For example, instead of this list body containing four different topics, it would contain four different categories, and clicking on one of them would direct you to that category.

[dmitcha (DM Anderson)]

A nice plugin - thanks! In the plugin editor, I tried to increase the display count from 3 to 5. It saves, but then it reverts to 3, even though several categories have more than 3 items. Is there a way to override the max=3, or another approach to achieve this?

[manuel (Manuel Kostka)]

@dmitcha

It saves, but then it reverts to 3

With the editor you have to save twice, once on the editor window:

And then again on the component’s main page:

Maybe that’s causing your issue? Setting any number of topics works fine for me.

[dmitcha (DM Anderson)]

That was exactly it; I missed that step. Thank you very much for your speedy reply and very useful plugin.

[Heliosurge (Dan DeMontmorency)]

@manuel

I don’t see a dedicated class for the about topics. But you could use a style declaration to hide pinned topics from the featured lists:

.featured-lists__list-body .topic-list-item.pinned {
  display: none;
}

I am wondering… Couldn’t the About topic be unpinned and unlisted?

[manuel (Manuel Kostka)]

@Heliosurge

I am wondering… Couldn’t the About topic be unpinned and unlisted?

I guess you could. The result would be different though, the topic being generally hidden. In my experience it’s actually more common that you would want to show a selection of just the most recent topics on a featured list, but still want pinned and also About topics visible in other places.

[Heliosurge (Dan DeMontmorency)]

I would be curious with it being a special topic(ie ppl have discovered they really don’t want to be deleted). That unpinninf and unlisting in theory shouldn’t affect for example category description in is it Category Boxes?

[Maria]

Hey, this component works almost perfect for me, however i would like to have the option to place the lists below instead of above.

Is there an easy way to do this? From what i saw in the repo it looks like it is not yet intended.

[manuel (Manuel Kostka)]

@Maria you could place the component on any plugin outlet. You can use the Plugin outlet locations component to inspect available outlets.

[hoangviet (DilysLena)]

@manuel @Lilly about Css.
I have 2 lists from 2 categories: Yoga and Fitness.
I am setting both lists to display everywhere.
How to hide the list of “Yoga” when opening any topic (it will still show on the home page, category and other places)
The list of “Fitness” is still displayed everywhere.

Thanks to the experts of Discourse