Adicionando banners na plataforma e-commerce

Os Banners são utilizados para destacar categorias de produtos ou até mesmo produtos específicos na loja virtual

Os Banners são geralmente utilizados para destacar categorias de produtos ou até mesmo produtos específicos na loja virtual.

Como inserir o banner no seu site de vendas

Para realizar as configurações no design do seu site de vendas. Acesse na plataforma para loja virtual o menu Aparência, meus temas, customizar. Clique em adicionar seção e selecione a seção banners.

Incluindo o conteúdo do banner da sua loja online

Na aba conteúdo você poderá inserir um título e um subtítulo que será exibido acima dos banners do seu site de vendas.

Editando a aparência do banner 

Na aba Aparência, você poderá editar a aparência do banner da sua loja, confira abaixo todos os campos que podem ser editados nesta seção.

Campo

Especificação

Não exibir em dispositivos móveis

Ao selecionar essa opção você está impedindo que os banners sejam exibidos durante a navegação em um dispositivo móvel.

Classe customizada para editar o CSS

Essa opção será utilizada somente por desenvolvedores que desejam criar classes específicas para editar o CSS de elementos dessa seção.

Estilo do conteúdo

Nesse campo você pode escolher como quer que seja exibido o seu banner.

Quantidade de banners por linha

Informe quantos banners você deseja que sejam exibidos por linha.

Habilitar slider

Ao habilitar o slider você permitirá a exibição de todos os banners da sua loja lado-a-lado com navegação.

Espaçamento entre os banners

Informe qual é o espaçamento desejado entre um banner e outro.

Cor do título

Determine a cor do título dos banner.

Cor do subtítulo

Selecione a cor do texto que ficará abaixo do título.

Cor de fundo da seção

Você pode inserir uma cor para ser exibida no fundo da seção de banners.

Cor da borda da seção

Informe a cor da borda responsável pela divisão dos módulos que compõem o visual da sua loja.

Imagem de fundo da seção

Você pode inserir uma imagem para ser exibida no fundo da seção de banners.

Espessura da borda da seção

Determine o tamanho da espessura da borda que fará a divisão dos módulos que compõem o visual da sua loja. Caso não queira borda pode informar 0.

Margem de cima da seção

Informe o espaçamento entre o banner e o módulo utilizado em cima.

Margem de baixo da seção

Informe o espaçamento entre o banner e o módulo utilizado em baixo.

Inserindo os banners no seu site de vendas

No bloco de Banners, você poderá inserir as imagens dos banners que serão utilizados na sua loja, confira abaixo todos os campos que podem ser alterados nesta seção.

Campo

Especificação

Imagem

Selecione a imagem que será exibida nos banners do seu site de vendas.

Desativar o zoom

Ao cadastrar os banners eles ficam com o efeito de aproximação automaticamente. Ao desativar o efeito de Zoom o banner não terá mais o efeito de aproximação automático.

Textos sempre visíveis

Ao selecionar essa opção o texto inserido ficará sempre visível no banner. Caso não selecione só será possível visualizar o texto quando passar o mouse em cima.

Textos sempre visível no mobile

Ao selecionar essa opção o texto inserido ficará sempre visível no banner durante a navegação mobile. Caso não selecione só será possível visualizar o texto clicar no banner.

Título

Insira o título do seu banner que será exibido junto a imagem.

Descrição

Insira a descrição do seu banner que será exibido junto com o título e a imagem.

Texto do botão

Caso você queira inserir um botão no seu banner, nesse campo você poderá informar o texto que aparecerá no botão.

Link do Banner

Você pode inserir um link para que ao clicar no banner o seu cliente seja direcionado para alguma página de sua escolha.

Abrir em uma nova aba

Ao selecionar essa opção o link cadastrado no banner abrirá em uma nova aba do navegador do cliente.

Cor da máscara de fundo

Selecione a cor da máscara de fundo que será exibida em cima da imagem e atrás das informações de título e descrição.

Cor do título

Determine a cor do título dos banners.

Cor da descrição

Selecione a cor do texto que ficará abaixo do título no banner.

Cor de fundo do botão

Selecione a cor do fundo do botão.

Cor de texto do botão

Informe a cor do texto do botão.