Artigos sobre: Design/Visual

Adicionando e Editando um Banner no Magento 1.9

Passo a passo em vídeo:



Passo a passo Escrito:


Versões mais recentes do nosso Magento 1 contam com um novo módulo de edição de banners, onde é mais fácil realizar o gerenciamento deste conteúdo. Abaixo irei mostrar um passo a passo de como você poderá editar os banners com este novo módulo.

Medidas dos Banners



Antes de começarmos, irei repassar as medidas de cada banner:

Banner Principal Desktop - 2000 x 550 pixels

Banner Principal Mobile - 800 x 550 pixels

Banner Sub3 - 569 x 150 pixels

Banner Mosaico - Grande 800 x 800 pixels e pequenos 800 x 390 pixels cada um

Banner Rodapé - 1400 x 300 pixels

Localizando os banners em sua loja



Primeiramente no seu painel administrativo do Magento 1, procure pelo menu Banners e em seguida acesse a opção Manage Banners:

Encontrando o Gerenciamento dos Banners

Aqui você irá encontrar todos os banners em sua loja. Contendo quais são as imagens em cada banner, localização e o status de cada um.

Visualizando todos os banners


Editando o seu banner



Configurações do banner

Ao abrir o bloco você terá os campos como mostrados na imagem acima, para editar as informações.

Titulo do Banner: Este campo é o titulo que você verá na listagens de banners no Gerenciamento, serve apenas para que consiga localizar mais facilmente.

Tipo do Banner: Este campo, você verá qual é a configuração de exibição do banner, se ele será um Principal, um Mosaico e etc. É útil você saber pois caso queira cadastrar mais banners posteriormente, precisa saber a qual grupo de configuração atrelar a ele.

Link: Aqui você pode colocar um Link de Redirecionamento para quando o cliente que visita a sua loja clicar no banner, ele visite uma página em específico. Basta copiar o link da página que deseja direcionar o cliente e colar aqui.

Target: Aqui você define se o link que o cliente clicar na função anterior, irá abrir em uma Nova Guia no Navegador ou se irá abrir na mesma aba que ele já está navegando.

Ordem: Este campo é utilizado para configurações de banners que possuem mais imagens em exibição, como o Sub3 e o Slider Principal. Ordenando aqui a partir de 0, você consegue determinar qual é a imagem que irá exibir primeiro.

Status: Aqui você define se a imagem que está editando no momento estará ativa ou não.

Imagem: Este campo é destinado então de fato para a inserção da imagem que você quer alterar na exibição da loja. Ao clicar em Escolher Arquivo, abrirá o esquema de pastas de seu computador para que consiga escolher o arquivo desejado para realizar o Upload.

O campo Imagem possui algumas regras que precisam ser seguidas ao enviar imagens. Elas não podem conter acentuação e nem caracteres especiais como @#! ou /, se você realizar o upload das imagens não seguindo essa regra a imagem não será exibida.


Adicionando um novo banner



Caso tenha removido ou queira adicionar um novo banner, basta você acessar a página de Gerenciamento de Banners e clicar em Add Slide

Banners > Manage banners > Add Slide

Depois basta preencher os campos com as informações é importante lembrar de salvar para manter todos os dados criados e não serem perdidos.

Salvando o seu banner


Nomenclatura e localização de cada banner



Benner Slider Desktop - 2000 x 550 pixels


O Banner Slider (Desktop) é o banner principal da sua loja na visão do computador. Por padrão, são dois banners ativados, porém você pode trabalhar com um ou mais banners.

No painel administrativo

Em sua loja


Banner Slider Mobile - 800 x 550 pixels


O Banner Slider (Mobile) é o banner principal da sua loja na visão do celular. Por padrão, são dois banners ativados, porém você pode trabalhar com um ou mais banners.

No painel administrativo

Em sua loja


Banner Sub3 - 569 x 150 pixels


Os banners Sub3 são banners pequenos colocados logo à baixo do Banner Principal (Banner Slider Desktop/Mobile). Podem ser ativos ou desativados, dependendo de sua escolha.

Visão no Computador

Visão no Celular


Banner Mosaico | Esquerda 800 x 800 pixels | Direita 800 x 390 pixels


Os banners Mosaicos são banners localizados ao meio da loja, divididos entre o Esquerda e Direita. Onde ao lado esquerdo é composto com um banner maior e o lado direito é composto por dois banners menores, dividindo o tamanho por igual. Podem ser ativos ou desativados, dependendo de sua escolha.

Visão no Computador | Azul Esquerda | Vermelho Direita

Visão no Computador | Azul Esquerda | Vermelho Direita


Banner Rodapé - 1400 x 300 pixels


O Banner Rodapé é o último banner, localizado após todo o conteúdo da sua loja. Podem ser ativos ou desativados, dependendo de sua escolha.

Visão no Computador

Visão no Celular


Após as edições ou adições de novos banners, é importante lembrar de atualizar o Cache da sua loja para que sejam exibidos.

Está procurando como realizar a edição dos banners no Magento 2? Clique aqui.

Atualizado em: 03/03/2025

Este artigo foi útil?

Compartilhe seu feedback

Cancelar

Obrigado!