pages

Contém informações das páginas da loja, como por exemplo a página atual e as paginas personalizadas.

Disponível em todas as páginas.

Clique aqui para saber mais sobre Páginas Institucionais (Extras).

Atributos disponíveis

Atributos	Característica
{{ pages.current }}	Em qual página o usuário está navegando, ex: home
{{ pages.custom }}	Páginas Personalizadas cadastradas no Painel Administrativo

Em paginas personalizadas é retornado o slug "uma string que corresponde ao trecho de URL que indica o acesso a determinada página da loja".

Retornos possíveis do Objeto pages.current

Páginas retornadas no pages.current	Descrição
home	Página inicial da loja
search	Página de busca
catalog	Página de catálogo (categoria)
product	Página de produto
checkout_cart	Carrinho de compras
register	Página de cadastro
login	Página de login
checkout_payment	Página para escolha de pagamento na finalização de compra
company	Quem somos
map	Mapa do site

Com os valores retornados pelo pages.current é possível, por exemplo, validar a exibição de informações especificas para cada página.

Como Usar

Abaixo alguns exemplos de como utilizar o objeto pages.

Verificando a página atual

A chamada do objeto no código HTML para verificar qual a página atual da navegação do usuário, deve seguir como o formato básico abaixo:

Input

{% if pages.current == 'home' %}
  <h4>Você está na nossa página inicial, navegue na nossa loja!</h4>
{% endif %}

Output

<h4>Você está na nossa página inicial, navegue na nossa loja!</h4>

Exibir páginas customizadas

A chamada do objeto no código HTML para exibir o nome e o link das páginas customizadas existentes, deve seguir como o formato básico abaixo:

Input

<h3>{{ Translation('institucional') }}</h3>
<ul class="links-list">
    {% for custom in pages.custom %}
        <li>
            <a href="{{ custom.url }}">{{ custom.name }}</a>
        </li>
    {% endfor %}
</ul>

Output

<h3>Institucional</h3>
<ul class="links-list">
        <li>
            <a href="www.sualoja/sobre-a-loja">Sobre a Loja</a>
        </li>
        <li>
            <a href="www.sualoja/como-comprar">Como comprar</a>
        </li>
        <li>
            <a href="www.sualoja/seguranca">Segurança</a>
        </li>
</ul>