fbpx
Adicionando Banners na Página Inicial com Blocos Estáticos
Posted on / by vertex / in Base de Conhecimento

Adicionando Banners na Página Inicial com Blocos Estáticos

Recentemente um de nossos clientes entrou em contato com uma dúvida simples, mas que muitas pessoas tem.

Trata-se de Customizar a Página Inicial com Vários Banners e através destes adicionar links que levam para as categorias ou produtos em promoção.

Para realizar esta configuração em sua loja virtual criamos um passo a passo, segue:

 

1º Em CMS, vá até Blocos Estáticos, abrirá uma tela idêntica a que apresentamos abaixo:

 

2º Para criar um novo Bloco Estático Clique no Botão Criar Bloco ao lado Direito da Tela, após este passo irá abrir a seguinte página abaixo:

Em Título, adicione um nome identificado o destino do Bloco para facilitar a manutenção depois;

Em Identificador, Adicione o mesmo nome porém sem espaços, você pode substituir o espaço por Underline ou Traço.

Status Sempre como Habilitado para que ele possa aparecer no local configurado.

Em Conteúdo, neste local você poderá adicionar o banner através do Gerenciador de imagem simbolizado por .

Após adicionar o banner na área de conteúdo, clique em Salvar, você voltará para a tela do passo 1.

 

Passo, Adicionando o Bloco Estático na Página Inicial:

1º – Em CMS, vá até Widget,  irá aparecer esta tela conforme abaixo:

Em Tipo: Selecione CMS Bloco Estático

Em Pacote de Template: Selecione o Tema Configurado em sua Loja Virtual, no meu caso Custom/Default

Clique em Avançar.

 

2º Após Avançar rá carregar a seguinte imagem conforme mostramos abaixo:

Em Título do Widget sugerimos que coloque o mesmo titulo utilizado na criação do Bloco Estático;

Em ORDEM, pode deixar em branco, este local é destinado para você mover o Widget com o Bloco Estático para Cima ou para Baixo na Página Inicial.

em Atualizar Leiaute Clique no Botão Adicionar, irá carregar a seguinte tela abaixo:

 

Em Display, procure por Página Específica, logo abrirá um segundo Drop Down para selecionar em Qual página deseja que este Widget seja Adicionado, veja abaixo:

Selecione as informações conforme mostrado na imagem acima para aparecer na Página Inicial.

Após isso, iremos finalizar selecionando o Bloco Estático que queremos adicionar a Página Inicial de nossa loja virtual, para isso no lado esquerdo da tela temos a aba Opções do Widget clique nela para carregar a seguinte informação:

Clique em Selecionar, e o sistema mostrará todos os Blocos Estáticos Disponíveis para configuração, selecione o Bloco que Acabamos de Criar e Clique em cima, Após isso o Nome do Bloco Selecionado irá aparecer junto a esta tela acima do botão Selecionar conforme mostraremos nas imagens abaixo:

 

Após Seguir todos os passos corretamente, clique em Salvar, Limpe o Cache da Loja Virtual e Acesse sua Loja Virtual para ver como ficou. é possível utilizar CSS e Personalizar com outras formas de posicionar, adicionar cores, textos e muito mais, basta ter um pouco de conhecimento na linguagem.

 

Gostou do Tutorial? Te Ajudou? Compartilhe com o Amigo, Curta, Comente.