Funções
Conheça as funções disponíveis para utilizar no desenvolvimento do seu tema.
Um método no Twig é uma função com parâmetros criados a partir do PHP para que ele possa ser chamado no front-end usando apenas uma linha de código.

Imagem:

Por exemplo, usamos métodos para comprimir as imagens (50px width, 70px height):
Parâmetros:
    1.
    Imagem: Path da imagem.
    2.
    Tamanho: Tamanho da imagem.
1
{{ image("path da imagem", 'small') }}
Copied!
Confira no link abaixo as dimensões disponíveis.

Carregar CSS e JS do tema:

Para incluir arquivos CSS da pasta /css/ do tema, use o método:
1
{{ loadCss("jquery-ui.css") }}
Copied!
Para Javascript da pasta /scripts/ do tema, use o método:
1
{{ loadJs("helpers.min.js") }}
Copied!
Se preferir pode utilizar a variavél theme_path para chegar até o diretório do tema. Exemplo:
1
{{ theme_path ~ '/css/jquery-ui.css' }}
Copied!

Formatar dados:

Converter um número com as decimais em formato real.
1
{{ money(product.price) }}
2
3
Exemplo de resultado: 1050.35 => 1.050,35
Copied!

Carregando produtos:

Com essa função é possível carregar produtos de categorias específicas, carregar um único produto específico além de ser possível retornar os produtos mais vendidos, em destaques, promoções, lançamentos, histórico de visualização e produtos favoritos.
A função products() possui os seguintes parâmetros:
    1.
    Type: os tipos disponíveis são:
      product: Utilize esse valor se for carregar um único produto, informando o ID do produto.
      category: Para carregar produtos da categoria especificada no parâmetro ID.
      special_offers: Retorna os produtos em promoções.
      featured: Retorna os produtos em destaques.
      releases: Retorna os produtos adicionados recentemente.
      best_sellers: Retorna os produtos mais vendidos.
      historic: Retorna os últimos produtos visualizados pelo cliente.
      wishlist: Retorna os produtos favoritos do cliente.
    2.
    ID: O campo ID é obrigatório para os Tipos: product, category. Informe nesse parâmetro o ID da categoria ou produto específico. Valor padrão: null
    3.
    Limit: Quantidade de registros. Valor padrão: 8
    4.
    Order: Ordem de exibição, você pode utilizar as colunas que compõem o cadastro do produto. Valor padrão: created_at DESC
Exemplo de uso:
1
// products(type, id = null, limit = 8, order = "created_at DESC")
2
3
{% for product in products("best_sellers") %}
4
{{ include(product_grid, {new: false, countdown: false, data: product}) }}
5
{% endfor %}
6
7
// Exemplo: produts("releases", null, 8, "pdt_title ASC")
Copied!

Exibir meus banners:

No painel de administração em Apps | Banners é possível cadastrar imagens para ser utilizado de forma dinâmica no tema da sua loja.
No momento do cadastro você tem alguns campos para preencher como Título, Subtítulo, Link, Texto do Link e a Imagem em si.
Após fazer o cadastro da imagem, ela possui um ID único para que seja possível recuperarmos esses dados. Basta passar o mouse em cima do banner que o ID vai estar visível.
A função para carregar o banner em sua loja é banner(), modo de usar:
1
{{ banner(2, "title") }}
2
{{ banner(2, "subtitle") }}
3
{{ banner(2, "link") }}
4
{{ banner(2, "link_text") }}
5
{{ banner(2, "image") }}
Copied!
Exemplo de uso real:
1
<a href='{{ banner(2, "link") }}' title='{{ banner(2, "title") }}'>
2
<img src='{{ image(banner(2, "image"), 350, 350) }}' alt='{{ banner(2, "title") }}'>
3
</a>
Copied!
Em src da imagem, utilizamos a função image() para criar o cache do banner nos tamanhos 350x350.

Últimas avaliações:

Para listar os as últimas avaliações feitas em toda a loja de todos produtos basta usar a função reviews() em um laço de repetição. Listando 10 registros das últimas avaliações:
1
{% for comments in reviews(10) %}
2
{{ comments.user_name }}
3
{% endfor %}
Copied!
Colunas disponíveis
Valores
id
ID único do comentário. (int)
user_name
Nome do usuário autor do comentário. (string)
user_thumb
URL da foto do usuário. (string)
user_email
Email do usuário. (string)
product_title
Título do produto em que se encontra essa avaliação. (string)
product_thumb
Foto principal do produto. (string)
users_likes
Valor boolean true caso o comentário possua likes. (bool)
likes
Quantidade de likes. (int)
stars
Quantidade de estrelas de acordo com a avaliação em HTML. (string)
comment
Comentário da avaliação. (string)
created_at
Dia em que foi feito o comentário. (string)
updated_at
Data caso o comentário tenha sido atualizado. (string)

Outras funções:

Limitar descrição, imagine que você tem um texto grande mas quer exibir apenas uma metade desse texto. Essa função limita a quantidade de caracteres a serem exibidos:
Parâmetros:
    1.
    Texto: Informe no primeiro parâmetro o texto.
    2.
    Limite: Informe a quantidade de caracteres máxima a ser exibido.
    3.
    Pointer: Esse valor será exibido no final do texto. Valor padrão: "...".
1
{{ str_limit("meu texto", 50, "...") }}
Copied!
Last modified 3mo ago