Template base

1. Por exemplo, criaremos um template base para outros templates, que posteriormente o estenderão. Este template base chamaremos de base.template .

📘

Tag block:

Para que outros template possam estender a marcação já definida neste template usamos a tag Liquid chamada block . Esta tag serve tanto para definir onde o conteúdo será preenchido(exemplo acima), como para definir qual o conteúdo que será aplicado a aquele bloco de código.

2. Para demonstrar como definir o conteúdo de um block, criaremos o template chamado home2.template

<header>
  <span>Nome da loja</span>
</header>
<div class="content">
  <p>Conteúdo referente a home.</p>
</div>
<footer>
  <span>Telefone: 51 3333-3333</span>
</footer>

3. Ao utilizarmos o template home.template, teríamos a seguinte saída: