O Banner é um item muito importante para o Layout da sua loja virtual, além da estética, é bastante utilizado para campanhas de Marketing, divulgando uma categoria ou um novo produto, por exemplo.
Seleciona o seu tema abaixo para visualizar as posições e tamanhos de banners disponíveis:
Banner Categoria Header (1280x210px):
Nessa opção de Banner, você irá escolher uma categoria que deseja colocar a imagem. Como por exemplo, eu escolhi a categoria Boca.
Irá ficar dessa maneira:
Banner Popup (700x500px):
O Banner Popup, irá aparecer no site apenas a primeira vez que o usuário acessar.
Banner Meio (1250x220):
Banner Header (2000x55px):
Banner Principal Fullscreen (1920x450px):
Banner Mobile Horizontal (600x400px):
Banner Destaque Maior (405x400px):
Banner Mobile Vertical (400x600px):
Banner Menor (300x222px):
Banner Principal (1250x450px):
O Banner Principal (1250x450px) tem a mesma função que o Banner Fulscreen (1920x450px), o diferencial desse Banner é a sua proporção que irá aparecer na tela. O Banner (1250x450px) ocupará um espaço menor na tela, enquanto o Banner Fulscreen (1920x450px) ocupará a tela cheia.
Banner Menor (300x222px):
Banner Mobile Horizontal (600x400px):
Banner header (2000x55px):
Banner Destaque Inicial (610x352px):
Banner Mobile Vertical (400x600px):
Banner Principal (1250x500px):
Banner Destaque Menor (610x171px):
Banner Menu (220x370px):
Para o Banner Menu funcionar corretamente, primeiramente você deve cadastra-lo. Depois disso, você deve ir na categoria desejada, clicar em Editar, depois ir em Banner e selecionar o Banner que foi cadastrado.
Banner Destaque Médio (615x220px):
Banner Popup (700x500px):
Banner Destaque Médio Header (615x220px):
Banner header (2000x55px):
Banner Principal Fullscreen (2000x300px):
Banner Mobile Horizontal (600x400px):
Banner Destaque Maior (405x400px):
Banner Mobile Vertical (400x600px):
Banner Menu (220x370px):
Para o Banner Menu funcionar corretamente, primeiramente você deve cadastra-lo. Depois disso, você deve ir na categoria desejada, clicar em Editar, depois ir em Banner e selecionar o Banner que foi cadastrado.
Banner Menor (300x222px):
Banner Principal (1250x500px):
O Banner Principal (1250x450px) tem a mesma função que o Banner Fulscreen (1920x450px), o diferencial desse Banner é a sua proporção que irá aparecer na tela. O Banner (1250x450px) ocupará um espaço menor na tela, enquanto o Banner Fulscreen (1920x450px) ocupará a tela cheia.
Banner Popup (700x500px):
Banner Header (2000x55px):
Banner Principal Fullscreen (2000x300px):
Banner Mobile Horizontal (600x400px):
Banner Destaque Maior (405x400px):
Banner Destaque Médio (615x220px):
Banner Mobile Vertical (400x600px):
Banner Menu (220x370px):
Para o Banner Menu funcionar corretamente, primeiramente você deve cadastra-lo. Depois disso, você deve ir na categoria desejada, clicar em Editar, depois ir em Banner e selecionar o Banner que foi cadastrado.
Banner Menor (300x222px):
Banner Fullscreen (2000x300px):
Banner Popup (700x500px):
Banner Header (2000x55px):
Banner Mobile Horizontal (600x400px):
Banner Destaque Maior (405x400px):
Banner Destaque Médio (615x220px):
Banner Mobile Vertical (400x600px):
Banner Menu (220x370px):
Para o Banner Menu funcionar corretamente, primeiramente você deve cadastra-lo. Depois disso, você deve ir na categoria desejada, clicar em Editar, depois ir em Banner e selecionar o Banner que foi cadastrado.
Banner Menor (300x222px):
Banner Principal (1250x450px):
O Banner Principal (1250x450px) tem a mesma função que o Banner Fulscreen (1920x450px), o diferencial desse Banner é a sua proporção que irá aparecer na tela. O Banner (1250x450px) ocupará um espaço menor na tela, enquanto o Banner Fulscreen (1920x450px) ocupará a tela cheia.
Banner Popup (700x500px):
Banner Header( 2000x55px):
Banner Principal Fullscreen (2000x300px):
Banner Mobile Horizontal (600x400px):
Banner Destaque Maior (405x400px):
Banner Destaque Médio (615x220px):
Banner Mobile Vertical (400x600px):
Banner Menu (220x370px):
Para o Banner Menu funcionar corretamente, primeiramente você deve cadastra-lo. Depois disso, você deve ir na categoria desejada, clicar em Editar, depois ir em Banner e selecionar o Banner que foi cadastrado.
Banner Menor (300x222px):
Banner Principal (1250x450):
O Banner Principal (1250x450px) tem a mesma função que o Banner Fulscreen (1920x450px), o diferencial desse Banner é a sua proporção que irá aparecer na tela. O Banner (1250x450px) ocupará um espaço menor na tela, enquanto o Banner Fulscreen (1920x450px) ocupará a tela cheia.
Banner Categoria Header (1280x210px):
Nessa opção de Banner, você irá escolher uma categoria que deseja colocar a imagem. Como por exemplo, eu escolhi a categoria Bebidas.
Irá ficar dessa maneira:
Banner Popup (700x500px):
Banner Header (2000x55):
Banner Mobile Horizontal (600x400px):
Banner Destaque Maior (405x400px):
Banner Destaque Médio (615x220px):
Banner Promoção (1450x240px):
Banner Mobile Vertical (400x600px):
Banner Menu (220x370):
Para o Banner Menu funcionar corretamente, primeiramente você deve cadastra-lo. Depois disso, você deve ir na categoria desejada, clicar em Editar, depois ir em Banner e selecionar o Banner que foi cadastrado.
Banner Menor (300x222px):
Banner Principal (1250x450px):
Banner Popup ( 700x500px):
Banner Header ( 2000x55px):
Banner Mobile Horizontal (600x400px):
Banner Destaque Maior (405x400px):
Banner Destaque Médio (615x220px):
Banner Mobile Vertical (400x600px):
Banner Menu (220x370px):
Para o Banner Menu funcionar corretamente, primeiramente você deve cadastra-lo. Depois disso, você deve ir na categoria desejada, clicar em Editar, depois ir em Banner e selecionar o Banner que foi cadastrado.
Banner Menor (300x222px):
Banner Principal (950x450px):
Tema Infinity
Banner Header (2000x55px):
Banner Popup (700x500px):
Banner Destaque Grande (1240x305px):
Banner Mobile Horizontal (600x400px):
Banner Destaque Maior (405x400px):
Banner Destaque Médio (615x220px):
Banner Mobile Vertical (400x600px):
Banner Menu (400x500px):
Banner Menor (300x222px):
Banner Principal (1920x440px):
Tema Nord
Banner Popup (700x500px):
Banner Header (2000x55px):
Banner Mobile Horizontal (600x400px):
Banner Destaque Maior (405x400px):
Banner Destaque Médio (615x220px):
Banner Promoção (1450x240px):
Banner Mobile Vertical (400x600px):
Banner Menu (220x370px):
Para o Banner Menu funcionar corretamente, primeiramente você deve cadastra-lo. Depois disso, você deve ir na categoria desejada, clicar em Editar, depois ir em Banner e selecionar o Banner que foi cadastrado.
Banner Menor (300x222px):
Banner Principal (1250x450px):
Veja também: Adicionando um Banner na sua Loja Virtual
Ficou com alguma dúvida?
Crie um ticket de suporte através do link: https://rockyecommerce.freshdesk.com/support/tickets/new