Por onde começar


Nessa documentação você encontrará o que é necessário para a criação e manutenção de seu template na plataforma de e-commerce wBuy.

Os templates devem ser desenvolvidos em HTML (jutamente com CSS e JS) usando a tecnologia de template engine Twig em sua versão 2 (documentação do Twig).

Abaixo um exemplo de utilização do Twig juntamente com HTML:

<ul id="navigation">
    {% for item in navigation %}
    <li><a href="{{ item.href }}">{{ item.caption }}</a></li>
    {% endfor %}
</ul>

Neste exemplo está sendo possível popular uma lista com os dados do array navigation através de um for.


Também é possível obter uma prévia de todas as variáveis disponíveis para utilização com a função pr().

# buscando dados na api de categorias
{{ pr(api.categoryGetAll()) }}

O resultado é um array de dados no formato var_dump() do PHP encapsulado em uma tag <pre>.


As telas passíveis de personalização atualmente são:

  • Página inicial
  • Página de categorias
  • Página de busca
  • Detalhes do produto
  • Vitrines internas dinâmicas (rotas)
  • Página de produtos de Marca
Também é possível criar widgets separados, aos quais podem ser incluídos nos templates em qualquer parte utilizando a função include() do Twig, exemplo:
{{ include('widgets/carrinho-suspenso.html') }}

Como auxílio você pode usar nossa documentação da API para que seja possível obter os parâmetros de consulta.