I want to add the topic-creator avatar to topic-list excerpts, but there doesn’t seem to be anyway to modify the Topic Excerpt. TopicExcerpt: app/assets/javascripts/discourse/app/components/topic-list/topic-excerpt.gjs 5f00ae2ca import dirSpan from "discourse/helpers/dir-span"; import { i18n } from "discourse-i18n"; const TopicExcerpt = {{#if @topic.hasExcerpt}} {{dirSpan @topic.escapedExcerpt htmlSafe="true"}} {{#if @topic.excerptTruncated}} {{i18n "read_more"}} {{/if}} {{/if}} ; export default TopicExcerpt; I think the only option is to hide .topic-excerpt with CSS and use my own component via the topic-list-main-link-bottom Plugin Outlet which is right under the TopicExcerpt area. The problem with that is the plugin outlet only gets the topic as an arg, so I have to duplicate all the logic in expandPinned to know if I should be showing it or not. tl;dr; Could we get a PluginOutlet inside the TopicExcerpt and/or pass @expandPinned to the topic-list-main-link-bottom outlets?

[imagem] Daniel: pass @expandPinned to the topic-list-main-link-bottom outlet this seems reasonable, so I’ve done this here: https://github.com/discourse/discourse/pull/31334

You have more options now, see: [imagem] Customizing the topic list Developer Guides The topic-list is one of the most-used and most-customized user-interfaces in Discourse. There are many different tools available to theme and plugin developers to achieve this customization, each with their own advantages, disadvantages and maintenance considerations. CSS-based Customization The safest and most common customization method is CSS. As with any other Discourse customization: the more complex your changes, the more maintenance is likely to be required in your theme or plugin. Gen…

I’ve looked into all the options AFAIK. There is no surgical way to modify the just the excerpt that I can see.

yes there is, delete it and add your own

[imagem] Robert: delete it and add your own You mean replace the whole topic-list-item with my own? I’d like to avoid having to maintain all that when I only want to modify a small piece.

no, replace the excerpts cell, or add another one next to it and hide it.

[imagem] Robert: replace the excerpts cell The excerpt is not a cell. It’s used inside the topic-cell and in the mobile item app/assets/javascripts/discourse/app/components/topic-list/item/topic-cell.gjs 321a220b4 {{#if @expandPinned}} {{/if}} } You can also see there that the nearby topic-list-main-link-bottom plugin-outlet only passes the @topic, but not @expandPinned.

Ah yes you are right, apologies. I saw the file in the topic-list components and made an assumption. But in any case, there’s loads of tools to achieve what you want here, no? Plugin outlet looks like a good option and then manipulate the layout with CSS?

As for the expandPinned, maybe replicate the logic in your new Component as much as you need to? app/assets/javascripts/discourse/app/components/topic-list/item.gjs 321a220b4 }); get isSelected() { return this.args.selected?.includes(this.args.topic); } get tagClassNames() { return this.args.topic.tags?.map((tagName) => `tag-${tagName}`); } get expandPinned() { let expandPinned; if ( !this.args.topic.pinned || (this.useMobileLayout && !this.siteSettings.show_pinned_excerpt_mobile) || (this.site.desktopView && !this.siteSettings.show_pinned_excerpt_desktop) ) { expandPinned = false; } else { expandPinned = (this.args.expandGloballyPinned && this.args.topic.pinned_globally) ||

[imagem] Robert: for the expandPinned, maybe replicate the logic Yeah that’s the path i was going down. Which also means replicating get useMobileLayout() { return applyValueTransformer( "topic-list-item-mobile-layout", this.site.mobileView, { topic: this.args.outletArgs.topic } ); } //and from discovery/topics.js get expandGloballyPinned() { !this.expandAllPinned(); } get expandAllPinned() { const category = this.discovery.category?.id const tag = this.discovery.tag?.id return category || tag; } I was hoping pleading to the gods might produce a cleaner option :pray: :sweat_smile:

[imagem] Daniel: I was hoping pleading to the gods might produce a cleaner option :pray: :sweat_smile: That’s what I’m usually doing on a Monday morning.

Deseja modificar o modelo de TopicExcerpt?

Dev

awesomerobot (Kris) 14 Fevereiro , 2025 14:39 12

isso parece razoável, então fiz isso aqui:

Tópico		Respostas	Vistas
How to add topic excerpt to all my topics Development	4	1716	20 Junho , 2022
Display in the topics list in homepage also the body topic Product Support	1	654	1 Setembro , 2022
Topic List Excerpts Theme component official , topic-list-excerpts	18	9669	20 Março , 2025
Topic List Latest-Post Excerpt Theme component	27	1675	14 Fevereiro , 2025
How to show part of the text under the topic head? Product Support	1	676	26 Julho , 2022

Deseja modificar o modelo de TopicExcerpt?

Related topics