@julian said in September 2022 Design Preview (New Base Theme):
We have taken a number of approaches to the design and are close to showing off another preview very soon (an actual one with real content!)
Wow! I look forward to 😳
So I'm about to embark on a custom theme design adventure.
Here's the main objective: To have a sidebar on every page. I know somebody is sick of hearing about a sidebar, but...
To make that happen, there'll be a sidebar.tpl in the themes folder, just like header.tpl (and footer.tpl), and it will be called from every page that needs a sidebar. Is that the proper way to go about it in Bootstrap? I'm new to Bootstrap, so your input on how to go about this the right way is welcome.
That's only if you're planning on that sidebar being constant across all pages?
If that's the case your best bet and most easiest route would be:
header.tpl:
// all usual header code
<div class="col-xs-9">
footer.tpl:
</div>
<div class="col-xs-3">
//sidebar content
</div>
// all usual footer code
this is the way to go if you don't want to dive too much into the code (ex. attempting to require a sidebar.tpl into the template)
It gets messy when you try to hack it this way. I was attempting to remove the sidebar code from home.tpl, then copy it to <div class="col-xs-3">//sidebar content</div>
infooter.tpl, but it does not work very well. The best approach would be to require a sidebar.tpl.