I’m trying to override site-header.hbs in my custom theme. The path in Discourse to that file is plugins/styleguide/assets/javascripts/discourse/components/sections/organisms/site-header.hbs. I tried to add in my theme’s head_tag.html file: test I also tried multiple variations: test test test test but nothing helps. Could you help me please?

That is not supported. Did you read my link I shared with you after your prior (duplicate?) post? [image] How to override a template.hbs from a plugin Development

[image] Aslan : I’m trying to override site-header.hbs in my custom theme You’re trying to do something else for which you think overriding the template is the solution. Overriding templates is fragile and likely to cause issues down the road. What is it that you’re trying to do to the header that you can’t do with a plugin outlet?

@pfaffman thanks for your answer. The main issue is that I need to keep all customizations in the theme and not in plugins. Is there another safer way to achieve this using the custom theme?

Plugin outlets are updated in themes. See Using Plugin Outlet Connectors from a Theme or Plugin [image] Aslan : Is there another safer way to achieve this using the custom theme? Yes. What are you trying to do?

You shouldn’t need to override the hbs to do any of that. Maybe have a look at Custom Header Links You can hide the logo with css. New Topic Header Button adds a button See also (deprecated) Plugin outlet locations theme component

@pfaffman thanks you. I totally understand your suggestions. However, I would like to know if there is a way to customize files, such as site-header.hbs through a custom theme. Does it make sense?

@merefield Yes, I read your article. I just wanted to ensure. Okay, thanks a lot.

This might help (and ensure your customisations stand the test of time) [image] Upcoming Header Changes - Preparing Themes and Plugins Development We’ve recently been working on updating Discourse’s header from the legacy ‘widget’ rendering system to modern Glimmer components. This change is now available in Discourse core behind the glimmer header mode site setting. timer_clock Approximate Timeline (very rough estimates - subject to change in either direction) Q1 2024: white_check_mark core implementation finished & enabled on Meta white_check_mark upgrade advice published; console deprecation messages enabled …

[image] Aslan : And above the header I want to display dynamic links which will come from a custom component. This #theme-component might also be a consideration if your looking for header menu with dropdown submenu [image] Header Submenus Theme component discourse2 Summary Header Submenus will allow you to build a header menu - with submenus - using plain text! eyeglasses Preview Preview on Discourse Theme Creator hammer_and_wrench Repository Link https://github.com/discourse/discourse-header-submenus open_book New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features Desktop [1] [2] Mobile [3] Settings Name Description Menu items Add menu items. O… Benefit of using an existing component (especially if official or from one of the partners) is that it will likely maintained with less chances of breakage.

How to override the site-header.hbs file from custom theme?

Development

aslangm (Aslan ) July 24, 2024, 12:12pm 5

@pfaffman I want to remove the logo display, add a custom button. And above the header I want to display dynamic links which will come from a custom component.

Topic		Replies	Views
How to customise the header with a plugin? Development	4	3055	November 10, 2016
(not recommended) Overriding Discourse templates from a Theme or Plugin Developer Guides how-to	9	3180	March 7, 2024
Handlebars template override all in the same html file? Development	4	287	November 9, 2024
How to modify the header HTML, but still remaining the default founctions Product Support	3	3920	May 25, 2018
How to override a template.hbs from a plugin Development	5	1924	July 23, 2024

How to override the site-header.hbs file from custom theme?

Related topics