Quais formatos de área de banners são possíveis de criar?

O que é?

Banners são formas de realizar uma exposição mais chamativa ao cliente para divulgação dos seus produtos, regras da empresa, etc. Dessa forma o cliente tem acesso a uma visualização simples e direta do que você deseja divulgar!

Como funciona?

Banners são imagens que podem ser inseridas em diversos formatos no site para efetuar essa divulgação, além dos banners da homepage que serão detalhados abaixo, também possuímos os banners nas páginas de coleção, marca, departamentos, fornecedores e alguns tipos de promoções (como combos, por exemplo), essas opções tendo uma interface direta no admin para poderem ser adicionados esses banners dentro de suas respectivas configurações.
​

COMO CONFIGURAR

Para configurar os banners de homepage será necessário utilizar o modulo de componentes (parâmetros) em configurações, já temos bases de conhecimento relacionados a esse tema e como utilizar esse módulo caso não tenha conhecimento de como utilizá-lo recomendamos verificar esses guias antes de prosseguir. Lembrando que, essas configurações repassadas abaixo são para criação dos componentes na homepage, para inserir/configurar as imagens nos componentes e as resoluções recomendadas temos uma base de conhecimento específica.

IMPORTANTE: Todas alterações feitas nos parâmetros/layout do site são de responsabilidade do cliente, portanto antes de alterar qualquer parâmetro faça um backup do mesmo copiando seu código interno e colando em um arquivo de texto para garantir que tenha o código original para que em caso de problema ele possa ser restaurado.

Seguem os tipos de banners, exemplos com prints, e seus determinados códigos para serem utilizados.

Tipos de Banner:

Chave: home-component

Código de componente:
​

{

"name": "banner-slideshow",

"component-file": "banner-slideshow.php",

"autoplay": true,

"data": "banners/consultar?id_filial={{session.filial.id}}&id_area_banner= INSIRA AQUI O ID DA AREA DE BANNER &logado={{LOGGED}}&app={{APP}}&id_vendedor={{session.vendedor.id}}&id_cliente={{session.cliente.id}}",

"token": "empresa",

"data-ttl": 600

}

Chave: home-component

Código de componente:
​

{

"name": "banners-carousel",

"component-file": "banners-carousel.php",

"autoplay": true,

"data": "banners/consultar?id_filial={{session.filial.id}}&id_filial_cliente={{session.filial.id}}&logado={{LOGGED}}&app={{APP}}&id_vendedor={{session.vendedor.id}}&id_cliente={{session.cliente.id}}&id_tabela_preco={{session.tabela_preco.id}}",

"id_area_banner": "insira aqui o ID da área de banner",

"token": "empresa",

"data-ttl": 600,

"title": "insira um título caso deseje",

"include-file": "search.php"

}

Chave: home-component

Código de componente:

{

"name": "banner-full",

"data": "banners/consultar?id_filial={{session.filial.id}}&id_area_banner=INSIRA AQUI O ID DA AREA DE BANNER &logado={{LOGGED}}&app={{APP}}&id_vendedor={{session.vendedor.id}}&id_cliente={{session.cliente.id}}",

"token": "empresa",

"data-ttl": 600,

"include-file": "search.php",

"component-file": "banner-full.php"

}

Chave: home-component

Código de componente:

{

"name": "banner-2x",

"data": "banners/consultar?id_filial={{session.filial.id}}&id_filial_cliente={{session.filial.id}}&logado={{LOGGED}}&app={{APP}}&id_vendedor={{session.vendedor.id}}&id_cliente={{session.cliente.id}}&id_tabela_preco={{session.tabela_preco.id}}",

"id_area_banner":"insira aqui o ID da área de banner",

"token": "empresa",

"data-ttl": 600,

"include-file": "search.php",

"component-file": "banner-2x.php"

}

​

Chave: home-component

Código de componente:

{

"name": "banner-3x",

"data": "banners/consultar?id_filial={{session.filial.id}}&id_filial_cliente={{session.filial.id}}&logado={{LOGGED}}&app={{APP}}&id_vendedor={{session.vendedor.id}}&id_cliente={{session.cliente.id}}&id_tabela_preco={{session.tabela_preco.id}}",

"id_area_banner":"insira aqui o ID da área de banner",

"token": "empresa",

"data-ttl": 600,

"include-file": "search.php",

"component-file": "banner-3x.php"

}

​

Chave: home-component

Código de componente:
​

{

"name": "banner-4x",

"data": "banners/consultar?id_filial={{session.filial.id}}&id_filial_cliente={{session.filial.id}}&logado={{LOGGED}}&app={{APP}}&id_vendedor={{session.vendedor.id}}&id_cliente={{session.cliente.id}}&id_tabela_preco={{session.tabela_preco.id}}",

"id_area_banner":"insira aqui o ID da área de banner",

"token": "empresa",

"data-ttl": 600,

"include-file": "search.php",

"component-file": "banner-4x.php"

}

​

Chave: home-component

Código de componente:

{

"name": "banner-6x",

"data": "banners/consultar?id_filial={{session.filial.id}}&id_filial_cliente={{session.filial.id}}&logado={{LOGGED}}&app={{APP}}&id_vendedor={{session.vendedor.id}}&id_cliente={{session.cliente.id}}&id_tabela_preco={{session.tabela_preco.id}}",

"id_area_banner":"insira aqui o ID da área de banner",

"token": "empresa",

"data-ttl": 600,

"include-file": "search.php",

"component-file": "banner-6x.php"

}

​

Chave: home-component

Código de componente:
​

{

"name": "banner-mosaico",

"data": "banners/consultar?id_filial={{session.filial.id}}&id_filial_cliente={{session.filial.id}}&logado={{LOGGED}}&app={{APP}}&id_vendedor={{session.vendedor.id}}&id_cliente={{session.cliente.id}}&id_tabela_preco={{session.tabela_preco.id}}",

"id_area_banner_1": "insira aqui o ID da área de banner",

"id_area_banner_2": " insira aqui o ID da área de banner ",

"id_area_banner_3": " insira aqui o ID da área de banner ",

"id_area_banner_4": " insira aqui o ID da área de banner ",

"token": "empresa",

"data-ttl": 600,

"include-file": "search.php",

"component-file": "banner-mosaico.php"

}

E como mencionado anteriormente, dentro das páginas de coleção, departamentos, marcas, fornecedores e algumas promoções é possível inserir um banner no topo:
​

Para isso localize dentro do Admin, em Catálogo > (Coleções, Departamentos, etc.) essas opções:

Inserindo suas imagens aqui as mesmas serão exibidas nas páginas como demonstrado acima.