Override tag templates

ikramy

Hi,

I need to override the tag templates:
1- The tags on the left sidebar
2- The content of the tags page
3- The content of the tag details above the post itself

Can you please give me a hint on where to start?

I basically need to use images instead of font awesome icons.

Thanks

askvortsov

Although Flarum by default includes fontawesome, it in no way checks that a provided icon is valid fontawesome. So, you could provide a custom string (e.x. 'tag-image-logo'), and then use custom CSS in the admin dashboard to have that return an image.

This actually works for group icons too!

ikramy

askvortsov Thank you, but can you guide me on how to override the HTML related to tags so I can replace the HTML i tag with the HTML img tag? I think this can work better than CSS.

I was reading the api docs but couldn't find a tag component!
https://api.docs.flarum.org/js/v0.1.0-beta.15/identifiers.html#forum-components

askvortsov

ikramy I think this can work better than CSS.

If you don't mind me asking, why? When using fontawesome, the icon itself comes from CSS, so it would make sense for a custom solution to take the same approach. It's also quite simple and can be updated from the admin dashboard.

The tag icon is implemented via the tagIcon util function, which can't be extended (since Flarum functions can't be overriden), so you'd have to override the entire components, which is a lot of work and code duplication. They aren't in those docs because they're defined in the flarum/tags extension.

ikramy

askvortsov Thank you so much; I was able to hack it using CSS 🙂