Components
A pasta Components
abriga todos os componentes .html que podem ser utilizados no site.
Como utilizar
Para utilizar um componente, basta criar o arquivo .html dentro da pasta Components
, especificá-lo no arquivo de configuração components.json
em Configs
e realizar a chamada de acordo com o name cadastrado e seus parâmetros, conforme os exemplos:
Componente sem parâmetros
Chamada dentro do HTML:
{{ newsletter }}
Declaração do componente em components.json
:
{
"name": "newsletter",
"path": "newsletter.html",
"params": [],
"inheritVariables": false,
"availableInAllPages": true,
"availableInAllComponents": true
}
Componente com parâmetros
Chamada dentro do HTML:
{{ sort page_type: "hotsite" }}
Declaração do componente em components.json
{
"name": "sort",
"path": "sort.html",
"params": [
{
"name": "page_type",
"required": true
}
],
"availableInAllPages": true,
"availableInAllComponents": false
}
Personalização de caminho
É possível personalizar o caminho que os componentes serão salvos, contanto que fique dentro da pasta Components
na raíz do projeto.
Exemplo:
Chamada do componente salvo em Components/Product/product_brand.html:
{{ product_brand brand: product.product_brand }}
Declaração do componente em components.json
{
"name": "product_brand",
"path": "Product/product_brand.html",
"params": [
{
"name": "brand",
"required": true
}
],
"availableInAllPages": true,
"availableInAllComponents": true
}
Note que a chamada respeita a propriedade name do componente cadastrado, porém sendo apontado para o arquivo Product/product_brand.html.
Updated 11 months ago