Banners



Banners - Magento 2

Nesta documentação, irei mostrar como você poderá realizar a alteração das imagens dos banners de sua loja.
Os banners padrão da loja são:
Banner Principal (Desktop): 2000x550 pixelsBanner Principal (Mobile): 900x550 pixels
Banner Sub3: 569x150 pixels
Banner do Meio: 1400x500 pixels
Banner Mosaico: 800x800 e 800x390 pixels
Banner Rodapé: 1400x300 pixels
Abaixo irei mostrar como você irá identificar cada banner

Banner Principal:

É o maior banner que você irá visualizar assim que abrir a home do seu site, as medidas padrões dele são de 2000x550 pixels.
Para mobile, o tamanho padrão que recomendamos é 900x550 pixels.

Banner Sub3:

Este bloco é composto por 3 banners menores, que ficam logo abaixo do banner principal e antes da categoria especial Linha 1 (confira as novidades). O tamanho padrão para estas 3 imagens é de 569x150 pixels.

Banner do Meio:

Este banner você irá encontrar após a categoria Confira as Novidades e antes do Banner Mosaico. O tamanho padrão para esta imagem é de 1400x500 pixels.

Banner Mosaico:

Também é um bloco composto por 3 imagens, mas neste caso são 2 tamanhos diferentes. A imagem da coluna esquerda possui o tamanho padrão de 800x800 pixels, já as duas imagens da coluna direita são de 800x390 pixels cada uma.

Banner Rodapé:

O último banner padrão da sua loja que fica ao fim da página. Esta imagem tem o tamanho padrão de 1400x300 pixels.

Como editar?
Em seu painel Mageshop, acesse: Conteúdo > Gerenciar Banners

Assim que acessar, você verá todos os banners cadastrados em sua loja.
Aviso: Nessa página editaremos apenas o Banner Principal Desktop e Mobile.

Basta você clicar no botão Editar para realizar a alteração das imagens.

Nesta tela, você verá os seguintes campos:
Nome: Como você quer que o banner seja identificado
Situação: Opção utilizada para ele aparecer na sua loja ou não
Tipo: Pode deixar como "imagem"
Carregar imagem: Poderá escolher o arquivo de imagem que você gostaria de colocar como Banner
Banner title: Caso queira identificá-lo com um título específico
URL: Neste campo você pode colocar uma URL na qual o banner irá direcionar o cliente assim que ele clicar.
Open new tab after click: Aqui você pode decidir se o cliente é encaminhado para a URL que você inseriu acima, a partir de uma nova guia ou não.
Assim que realizar as alterações que necessita, clique em Salvar Banner para manter as modificações
Outros banners
Para estar editando os banners: Banner do Meio, Banner Mosaico, Banner Rodapé você deve seguir o caminho a baixo
Conteúdo > Blocos > filtrar por "Banner"> selecionar o banner

Editar bloco
Habilite o Bloco: Sim/NãoTítulo do Bloco: Nome para o seu bannerIdentificador: Nome identificador do BannerVisão de Loja: Loja em que o banner será exibido (Caso tenha mais de uma loja no mesmo admin)

Page Builder
Para alterar as imagens, basta acessar o Page Builder, passar o mouse por cima da imagem que deseja editar, clicar em Upload New Image ou Selecionar na Galeria e selecionar a imagem que deseja em seu diretório de arquivos.
Lembrando que cada banner tem sua medida.

Com o Page Builder você consegue criar formatações diferentes de banners, criando designs diferentes utilizando as ferramentas presentes no canto esquerdo.
Dica: Compacte as imagens para ter maior desempenho da loja virtual, e melhores notas nos testes de velocidade do Google. Recomendamos o Caesium para compactar as imagens, clique aqui para baixá-lo.
Após editar os banners, clique no canto superior direito nas duas setas --> <-- para fechar o Page Builder, e salve.
Se ainda assim tiver dúvidas sobre o funcionamento desse recurso, entre em contato com o nosso time de suporte no chat, ou através do e-mail web@tryideas.com.br.