Estender um template

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.

  1. 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>
  1. Ao utilizarmos o template home.template, teríamos a seguinte saída:

Did this page help you?