I’m using the introduction package to learn typo3 and the frontend has a topbar like so:
I cannot for the life of me find how to edit that topbar in either behavior or content. I’m looking all over the backend dashboard, the files in Visual Code and the documentation, and I see nothing.
Thanks
Hi @fpolli!
The most basic way to edit the content of the top bar is to add or remove pages from the navigation. An important base concept of TYPO3 is that the navigation should mirror the structure in the page tree. The Getting Started with TYPO3 video explains some basic concepts of the content management system. I have linked directly to the section that shows how the page tree in the backend is connected to the menu in the frontend:
If you want to change how the top bar looks (without editing files), you can use the TypoScript Constant Editor. First select “TypoScript” module, then click on your site’s root page, and then on the “Introduction Package” TypoScript template.
Next, select “Constant Editor” from the drop-down menu, as shown here:
Now you can use the “Selected category” menu to select different sets of configurations concerning how your site looks and functions, such as “bootstrap package: navigation”.
You can also achieve the same thing using the more modern site sets feature, available in TYPO3 v13.
Click on the “Site” module and then the name of your site (in my case, it’s “Congratulations”).
Now, make sure you have the “General” tab selected. Find the “Sets for this site” section. You may have to scroll down.
Select “Bootstrap package: full package” in the rightmost column. It will appear in the leftmost column to indicate that this site set is now made available in your site.
Now, click the “Save” button at the top of the screen.
By clicking the “Edit site settings” button, you can access and edit the available settings.
Please let me know if this was of help to you. Also, please don’t hesitate to ask any further questions here at talk.typo3.org.
That was amazing. Thank you so much for taking the time to put that together.
