Os layouts Idea e Simple são especialmente adaptados para telas de dispositivos móveis. Por isso, o carrossel oferece a opção de carregar imagens diferentes conforme o dispositivo onde o visitante acessa sua loja (celular ou computador).
Para garantir que seus clientes tenham uma experiência de navegação ideal ao visitar sua loja usando celular ou computador, é importante que você experimente e use imagens diferentes para cada um.
Success
A possibilidade de colocar imagens conforme os dispositivos apenas está disponível para os layouts Idea e Simple no momento.
Neste tutorial, te mostramos como colocar imagens diferentes para desktop e celular.
Vamos começar!
❗ Os passos abaixo podem ser realizados pelo desktop (notebook/computador) ou pela versão web do seu navegador em um smartphone (celular).
1. Acessar o painel administrador Nuvemshop.
2. Siga pelo caminho "Minha Nuvemshop > Layout".
3. Em seguida, clicar em "Personalizar o seu layout atual". Se preferir, você também pode clicar em "Personalizar seu layout rascunho" para fazer testes sem alterar diretamente a sua loja.
4. No menu lateral da tela de edição do layout, clicar em "Página Inicial" e em seguida "Banners rotativos".
5. Agora é só carregar as imagens conforme o dispositivo. Preparamos algumas dicas pra você:
Imagens para computador
Como recomendado no seu painel de administração, sugerimos que você carregue imagens de:
- Layout Idea: 1580px de largura x 850px de altura.
- Layout Simple: 1400px de largura x 620px de altura.
Essas dimensões são adequadas para dispositivos com telas grandes, como a de notebook.
DeleteImagens para celular
Hoje em dia, a maioria das visitas e vendas de um e-commerce são realizadas através de um celular.
Por isso, é importante que você saiba como o seu visitante em um dispositivo móvel está visualizando a sua loja. Para colocar imagens específicas para o dispositivo móvel, selecione a opção: "Carregar outras imagens para celulares":
Tamanhos recomendados:
- Layout Idea: 500px de largura x 890px de altura.
- Layout Simple: 500px de largura x 550px de altura.
Warning
Para remover a imagem, após o seu carregamento, irá aparecer algumas opções, basta clicar no ícone da "lata de lixo 🗑️" para excluir a imagem.
Lembrando que você poderá visualizar a sua loja de acordo com cada dispositivo clicando nos ícones no topo da tela:
Info
Para outros ajustes nos banners rotativos, o processo é o mesmo dos outros layouts. Confira o tutorial 👉 Como inserir banners rotativos na minha loja?