Banners

[ThatLeit]

Boa tarde! tenho uma dúvida... Quando estou configurando minha loja, peciso adicionar banners. Porém os banners para desktop e para mobile tem formatos diferentes. Como faço neste caso? Porque o banner que eu acrescento para desktop, quando passo para visualização em mobile fica tudo errado. Tenho como acrescentar banner para desktop e outro para mobile?

[Fran · Accepted solution]

Olá, @ThatLeit. 

Qual tema você está utilizando? Pergunto porque as configurações do visual de uma loja dependem de qual tema a pessoa está usando.  

Os temas criados para lojas da Shopify são responsivos. O que significa que os tamanhos das imagens utilizadas no site serão reajustados de acordo com o tamanho da tela. Nativamente, não é possível adicionar um banner diferente para desktop e para mobile. Portanto, para garantir que suas imagens funcionem bem em todas as telas, você precisa adicionar as informações importantes em dentro do "ponto focal", que é como chamamos uma área que é exibida em todos os dispositivos. Recentemente, escrevi um post sobre isso respondendo a um usuário que estava com uma dúvida parecida com a sua. No post em questão, o usuário usava o tema Dawn, porém, muito da minha resposta se aplica a temas no geral. Leia aqui. 

Caso queira de fato ter um banner específico para mobile e outro para desktop, você terá que fazer uma modificação no código da sua loja. Os agentes de suporte da Shopify não são desenvolvedores, portanto recomendo: 

• Fazer sua pergunta no nosso fórum especializado em Design. Isso porque há vários especialistas da Shopify que ficam por lá dando dicas de codificação para a frente da loja. As chances de sua pergunta ser respondida com um código que funcione para você são maiores lá. Os posts são feitos e respondidos em inglês, mas você pode utilizar o tradutor de sua preferência caso necessite. 
  
  
• Contratar um especialista da Shopify para fazer isso para você. Aqui vai uma lista de especialistas que atendem em português. 

Leia mais sobre como o carregamento de imagens funciona na Shopify aqui neste documento. Essa página possui dicas de como otimizar suas fotos e garantir que sua loja tenha sempre imagens de qualidade. 

Se tiver alguma dúvida, deixe um comentário e ficarei feliz em ajudar.