page.liquid

O template page.liquid renderiza as páginas personalizadas que podem ser criadas tanto pelo desenvolvedor quanto pelos gestores da loja.

Considerações do template

O objeto {{ page }}

O template page.liquid oferece um objeto {{ page }} com as informações cadastradas na página através da plataforma, como {{ page.title }}, {{ page.slug }} e {{ page.body }}, que retorna o HTML do corpo da página inserido no editor da plataforma.

Habilitando a página no Admin

  • No painel da loja clique no menu Páginas.
  • Clique em criar página.
  • No campo Título coloque o nome da página.
  • No campo URL coloque como deverá ser o endereço da página (esse é o page slug que será utilizado no if do page.liquid).
  • A Descrição será utilizada no SEO.

Estrutura do Liquid

Você pode criar templates específicos para determinadas páginas usando o page.slug para chamar uma parte.

{% if page.slug == "sobre" %}
  <!-- incluindo uma estrutura específica para a página `sobre`.
  ...
{% else %}
  <!-- estrutura padrão de uma página personalizada -->
  {{ page.body }}
{% endif %}

Dinamizando uma página com banners

Você pode criar uma estrutura para uma página através de banners. Isso é útil quando você quer criar uma estrutura complexa para uma página e ainda assim mantê-la dinâmica para o gestor da loja poder editá-la por conta própria. Isso funciona de forma semelhante ao template home.liquid, onde você cria “esperas” de conteúdo usando a tag para banners. Se você quer dinamizar todas as páginas com banners, você pode criar posições de banners dinâmicas usando o slug da página.

🚧

Indicamos que as páginas sejam sempre dinamizadas através de banners pois isso facilita o gerenciamento dos conteúdos por parte da loja.