Currently on our topic list pages, the avatars of the main participants in each topic are shown, along with a link to the user’s profile page. This can be seen here: [image] When a user is not signed in, this link will not be clickable since it would otherwise return a redirect to the login page. The issue is that our SEO consultant has determined that these are a problem for us, and wants that profile page link to not be visible to Google at all. There are similar issues on things like topic posts, but these were all in widgets and have been relatively easy to resolve with api.reopenWidge() and the like. Not so with the topic list pages, where we need to change the contents of raw-templates/list/posters-column.hbr! I’ll now describe the things I’ve tried. Feel free to skip to the end if you like and already know the answer. At first, I tried mounting a widget as per the Beginner’s guide instructions. {{#each posters as |poster|}} {{#if poster.moreCount}} {{poster.moreCount}} {{else}} {{mount-widget widget="custom-list-avatar"}} {{/if}} {{/each}} None of this seemed to do anything at all. Eventually I found in a theme where someone was using a .raw extension in the data-template-name value, so I assume that the guide is just out of date. It didn’t say anything about raw templates! Using .raw allows the above changes to render, except my custom widget refused to load. This is weird, because list/posters-column is only referenced by topic-list-item.hbr, which is also a raw template, and is specifically one of the templates used in that guide. But… again I guess it’s just out of date? I eventually read somewhere that you can’t mount widgets in raw templates, so it seems that this was never going to work. Next, discovered partials and tried using those. I figured that I might have more luck, now that those parts are not a raw template. {{avatar poster avatarTemplatePath="user.avatar_template" usernamePath="user.username" namePath="user.name" imageSize="small"}} {{#each posters as |poster|}} {{#if poster.moreCount}} {{poster.moreCount}} {{else}} {{partial 'components/custom-avatar'}} {{/if}} {{/each}} Unfortunately, it seems that you can’t use partials in raw templates either, so that approach was a no go. Then, I found this thread which looked like it might contain what I needed. Based on that approach, and knowing that list/topic-list-item (that calls list/posters-column) is used by the topic-list-item component, I came up with the following: {{#each posters as |poster|}} {{#if poster.moreCount}} {{poster.moreCount}} {{else}} {{#if hideFromAnonUser}} {{avatar poster avatarTemplatePath="user.avatar_template" usernamePath="user.username" namePath="user.name" imageSize="small"}} {{else}} {{avatar poster avatarTemplatePath="user.avatar_template" usernamePath="user.username" namePath="user.name" imageSize="small"}} {{/if}} {{/if}} {{/each}} const settings = Discourse.SiteSettings; const user = api.getCurrentUser(); const hideFromAnonUser = settings.hide_user_profiles_from_public && !user; const topicListItemComponent = require('discourse/components/topic-list-item').default; topicListItemComponent.reopen({ hideFromAnonUser: function() { return hideFromAnonUser }.property() }); Sadly, hideFromAnonUser never appears to be visible to the raw template. Perhaps hideFromAnonUser needs to be calculated from inside the function assigned to hideFromAnonUser key? It doesn’t seem to matter. Even if I comment out the first three const assignments and just set it to return False, or add a console.log() call inside it before the return statement, I can see that the function is never executed by anything. At this point I’m at a loss. Not having ever worked with any of this before, I feel that I’m in over my head. Maybe I’ve overlooked something, but it seems that a lot of the information is either misleading or out of date, or I’m looking in the wrong places, or otherwise just misunderstanding something. How can I replace the tags with tags for avatars in the topic listing pages? Thanks.

Hello @boltronics :wave: This will override the list/posters-column template. It’s probably better than override the topic-list-item template. {{#if currentUser}} {{#each posters as |poster|}} {{#if poster.moreCount}} {{poster.moreCount}} {{else}} {{avatar poster avatarTemplatePath="user.avatar_template" usernamePath="user.username" namePath="user.name" imageSize="small"}} {{/if}} {{/each}} {{else}} {{#each posters as |poster|}} {{avatar poster avatarTemplatePath="user.avatar_template" usernamePath="user.username" namePath="user.name" imageSize="small"}} {{/each}} {{/if}} And you have to add some CSS too because it target a and we want it to div for anon. Desktop / CSS html.anon { .topic-list { .posters { width: 146px; > div { float: left; margin-right: 4px; &:last-of-type { margin-right: 0; } } div:first-child .avatar.latest:not(.single) { box-shadow: 0 0 3px 1px rgba(var(--tertiary-rgb), 0.35); border: 1px solid rgba(var(--tertiary-rgb), 0.5); position: relative; left: -2px; } } } }

It’s worth noting the raw template (and the widget!) system is going away soon, but of course that doesn’t solve your immediate problem. Just be prepared for a refactor, potentially with more tools at your disposal as Glimmer Components are likely to replace them: [image] Upgrading Discourse to Ember 4 Development Tentatively hoping to get to it in the next 3-6 months, but that’s not set in stone. Right now the primary focus for our “modernising JS” team is getting Discourse onto Ember 4.x+ (3.28 is now EOL).

@Don you’re amazing. I’ve tested it and it addresses my issue perfectly. It is cheating a little by addressing the problem in a different way (I wasn’t aware of the currentUser variable being accessible from there) but I can’t argue with the results. :smile: Thanks also @merefield for pointing out the upcoming refactor. I’ll set up a test to monitor our environment for potential regressions. Thanks guys.

I am glad it works for you, however I made some correction on the post above. :slightly_smiling_face: The posters-more-count is appears on private message topic list so it is unnecessary for anon. I removed these from template and CSS too.

Making custom changes to a raw template

Development

boltronics (Wizard of Oz) July 27, 2023, 11:53pm 6

Thanks Don. I had initially suspected that might have been the case, as per my original attempts, but I hadn’t investigated it to confirm. Good to know.

Topic		Replies	Views
Mounting widget in raw template? Development	9	4013	November 16, 2018
Add column to home page topic list Product Support	7	1418	March 28, 2020
Author name plus avatar Development	1	1170	August 16, 2022
Upcoming topic-list changes - how to prepare themes and plugins Development dev-news	35	2709	April 14, 2025
Unable to replace topic-list-item.raw.hbs / topic-list-item.hbr on mobile Development	10	1707	February 13, 2020

Making custom changes to a raw template

Related topics