CH Creations

Template próprio

Sintaxe (Liquid)

Tags, condições, laços e includes do HTML do template.

O HTML do template é Liquid, com o motor da loja em português (pt-BR) e fuso de São Paulo. O que está entre <% %> não aparece cru na página.

captura de telaTrecho de pages/product.html com if, for e o nome do produto

Imprimir

<%# comentário: não aparece no site %>
<%= store.name %>
<%= product.description_html %>
<%= valor | raw %>
  • <%= %> imprime com escape de HTML.
  • Um valor que a plataforma já marcou como HTML seguro (por exemplo product.description_html e os termos) não é escapado de novo.
  • | raw imprime sem escape. Use só com conteúdo em que você confia.

Condições e laços

<% if product.in_stock %>
  disponível
<% elsif product.visible %>
  sob consulta
<% else %>
  esgotado
<% endif %>

<% unless config.show_testimonials %>
  sem depoimentos
<% endunless %>

<% for item in config.features %>
  <%= item.title %>
<% endfor %>

<% assign preco = product.price %>
<% include 'components/product-card', product: p %>
<% layout "layouts/main" page_title: "Meu título" %>

Operadores: ==, !=, >, <, and, or, contains.

Literais: blank, nil, true, false.

Dentro do for existem forloop.index, forloop.first e forloop.last.

A tag que busca dados reais é load, no artigo seguinte.