Tags de assets

Tags

São tags utilizadas para chamar CSS ou JavaScript em templates de páginas.

  • {% head %}: printa as informações que estão nessa tag antes de printar as informações de no HTML.
    Essa é uma tag cumulativa. Seu conteúdo fica armazenado na variável {{ content_for_head }}, que fica dentro do <head> no layout.liquid.
    Exemplo de uso:
{% head %}
  <link rel="stylesheet" href="{{ 'style.css' | stylesheet_path }}" />
{% endhead %}
  • {% body %}: printa as informações que estão nessa tag antes de pintar as informações de no HTML.
    Essa é uma tag cumulativa. Seu conteúdo fica armazenado na variável {{ content_for_body }}, que fica no final do <body> no layout.liquid.
    Exemplo de uso:
{% body %}
  <script src="{{ 'script.js' | javascript_path }}"></script>
{% endbody %}