Hello! I am a beginer, so I hope for your help. I want to change the content in …. When I open the source files, I see that the “header-content” widget says: createWidget("header-contents", { tagName: "div.contents.clearfix", template:hbs` {{home-logo attrs=attrs}} {{#if attrs.topic}} {{header-topic-info attrs=attrs}} {{/if}} {{yield}} `, }); I write in common/head_tag.html api.reopenWidget("header-contents", { tagName: "div.contents.clearfix", template:hbs` Hello! Help Me Please!!! {{yield}} `, }); This does not work. Help me please.

Hey, @Deomid_Fedorov, welcome to Meta :wave: If you check the browser console, you’ll see something like this ReferenceError: hbs is not defined but even if you fix that, you would still have problems getting this to work because templates are supposed to be precompiled on the server, not the client-side. We many ways to customize the header. If you let me know what you’re trying to do, I can probably share a way for you to achieve the result you want.

Greetings, Joe! Thank you very much for your responsiveness. I want to say that I’m starting to like Discourse very much, but there are some difficulties that I haven’t managed to cope with yet. In general, I have one big wish: I want to be able to embed my html code wherever I want, in any tag, and I want to be able to remove some elements that I consider superfluous. I read the post Developing Discourse Themes & Theme Components However, these instructions were not enough for me to solve my problems. Let’s move on to specific examples: How do I embed my code in the tag between the and blocks? How do I prevent the generation of the element? I want to warn you that my knowledge of English is not perfect, so there may be errors in the text. I hope for understanding.

No worries, we can figure this out. I know what you’re referring to here. [image] Deomid Fedorov: but I’m not sure which element you mean here [image] Deomid Fedorov: Can you add a screenshot of where you want to add new elements? [image] Deomid Fedorov: How do I prevent the generation of the element? If your site doesn’t need that element, you can hide it with CSS. So, something like this. #navigation-bar { display: none; } That said, that element gives users an easy way to navigate between the different filters for topic lists, and I don’t recommend removing it - especially on mobile. However, you know your community more than anyone. So, if it works for you, then… great :+1:

Thank you again for your responsiveness. I have quite good css skills. I know that by writing display: none I can hide the element. But I would like to have a stronger experience. I would like to be able to manage templates and widgets like a true professional. I guess there is a way to do it more correctly. For example, rewrite the template or something else.

How to reopen header-contents widget?

Development

Deomid_Fedorov (Deomid Fedorov) May 4, 2022, 10:44am 5

That’s what I mean. I need to place my custom block where I pointed with the arrow in the screenshot.
I’m uploading another screenshot so you can better understand what result I want to get:

Topic		Replies	Views
Re-evaluate widgets in header upon route change without error Development	8	730	May 10, 2023
reopenWidget throws error Development	4	798	February 10, 2023
How to customise the header with a plugin? Development	4	3055	November 10, 2016
Customize template used by post widget Development	1	1902	September 14, 2018
Need plugin code for customised dicourse header Product Support	8	1746	May 10, 2019

How to reopen header-contents widget?

Related topics