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:

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

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

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.