How do you create and manage templates/components such as header and footer?

Hi there,

My question is, how do you create components, create templates, and reuse them?

The current tutorials are bit outdated, and while the logic is similar or same ish, I don’t understand the default behaviour.

When you create a component/template like header, is that meant to repopulte across all pages? Are you meant to go to every single page and change the header? Shouldn’t the header change automatically if you change the styles in one place? Idealy yes - but that doesn’t seem to be the case.

So I’m a bit confused on how you create a simple website, with a header and a footer managed in one place, and then have content in between - in odd scenarios have a different header or footer.

Would be great to see a video/article that goes over this.

Hi Aurelian,
Welcome to the forum!

Nothing has changed regarding templates and template conditions. Forget about components for now, as there’s usually no need to create a component out of the header or footer, as they can already be managed from a single place: their template.

  1. Create a “type header” template, add your layout, styles etc.
  2. Add a template condition such as “entire website”: the header applies everywhere

To change it, open the template and make the necessary edits. It updates across the whole website.

Suppose you need a completely different header on page “x”. In that case, you typically create a new header template for this purpose, to which you assign an individual condition, for example, so that this header is only used on page x. You may also need to assign an exclude condition to the first header to exclude it from page “x”.

The same applies to the footer.

Please check out the linked academy article :v: