Como alterar banners, atalhos e blocos da página inicial?

Defina o primeiro destaque: um produto, uma coleção ou uma ocasião. Depois escolha os atalhos e vitrines que ajudam o visitante a continuar. Quando o catálogo permitir, organize três vitrines com finalidades distintas, como destaques, promoções válidas e uma seleção de categoria. Confira se cada uma tem produtos disponíveis.

Em Banner rotativo, use uma arte pronta horizontal: 1920 × 500 px para computador e 1080 × 372 px para celular. Proporção é a relação entre largura e altura: aumentar apenas a quantidade de pixels não corrige um formato diferente. Ao criar uma arte maior, aumente largura e altura na mesma medida.

A arte pronta aparece inteira, sem cortes nem esticar. Quando a proporção da imagem não combina com o espaço, as sobras recebem preenchimento suave automático a partir da própria imagem. Esse encaixe na página não altera o arquivo enviado.

Ao enviar uma nova arte pronta para o rotativo, Preparar no formato do banner já vem marcada. O painel prepara uma imagem horizontal nas medidas do campo de computador ou celular, preservando a arte inteira e preenchendo as sobras com fundo suave. Use artes panorâmicas: no preparo para celular, uma imagem vertical é recusada e o painel pede uma arte horizontal para manter textos e produtos legíveis. Você pode desmarcar para enviar sem essa preparação. Se a imagem do celular for vertical e houver uma arte de computador disponível, a Home usa a arte de computador no celular. Links e imagens já escolhidas da Biblioteca são ajustados na exibição, sem regravar o arquivo. Essas medidas não se aplicam à fotografia do Banner fixo dividido.

Deixe texto, logotipo e informação essencial afastados das bordas, com cerca de 5% de margem. Essa margem deve fazer parte da arte; não é acrescentada automaticamente. Confira se setas, indicadores ou outros controles não cobrem a informação.

Banner fixo dividido usa uma fotografia separada do título e dos botões escritos no editor; não é o mesmo modelo de arte pronta do rotativo. No rotativo, Mostrar texto sobre a fotografia também permite escrever pelo editor: nessa opção, mantenha os elementos importantes na área segura central de 1200 px no computador e confira o texto sobre a imagem no celular.

Confira cada banner nas prévias de computador e celular, inclusive a troca das imagens. Revise título, texto e destino do botão. Trocar a foto sem trocar um link antigo pode anunciar uma campanha e abrir outra página. Use imagens e textos da própria loja ao adaptar uma referência.

Em blocos de produtos ou categorias, confira a seleção vinculada e use fotos que representem os itens daquela categoria. O editor organiza a apresentação; a ficha do produto mantém preço, estoque e composição. Se um item escolhido não aparecer, confira sua disponibilidade no catálogo.

Os botões e atalhos podem levar ao catálogo, a uma categoria ou a uma seleção por faixa de preço. Abra cada destino e confira se o resultado corresponde ao texto anunciado.

Em Configurações → Home → 2. Seis atalhos de compra, abra Editar atalho. Ao lado do campo Título há um botão quadrado com o ícone atual e uma seta. Ele abre 12 opções; a escolha atual fica destacada. Selecione outro ícone e observe imediatamente a prévia da Home.

Confira também Título, Descrição e Destino. O ícone é o símbolo do atalho; não muda o destino, a foto ou o cadastro de uma categoria. O bloco Categorias é separado. Trocar o título não escolhe automaticamente outro ícone.

Use Salvar alterações para aplicar a escolha à loja, aguarde a confirmação e confira a Home pública. Antes de salvar, a mudança continua no rascunho. O seletor mantém a cor da Home e os demais ajustes existentes.

Em Produtos, use a estrela para destacar ou remover o destaque de um item. No Editor da Home, abra o bloco desejado, como Vitrine principal, e escolha Em destaque em Origem dos produtos. Essa origem seleciona os produtos estrelados ativos, públicos e não adicionais que podem aparecer na vitrine. Marcar a estrela passa a incluir o item nessa seleção; remover a estrela retira o item dela, respeitando o limite do bloco.

Mais vendidos em Origem dos produtos usa o ranking de vendas e pode incluir itens sem estrela. O título de um bloco, como Queridinhos ou Mais pedidos, não muda sua seleção. Ordenação é uma escolha separada: com origem Em destaque e ordenação Mais vendidos, apenas os destacados são ordenados pelo ranking de vendas; Destaques primeiro usa a posição dos destaques no catálogo.

Confira também a disponibilidade do produto. Um item sem estoque é ocultado quando o controle de estoque está configurado para ocultar esgotados; se estiver configurado para continuar exibindo, ele pode aparecer como esgotado. A estrela não ativa produtos inativos nem substitui essas regras.

Quantidade carregada aceita de 4 a 24 produtos por bloco. O bloco mostra a seleção até esse limite, depois de aplicar a Ordenação. Se houver mais produtos estrelados que o limite escolhido, aumente a quantidade até 24 ou revise quais itens deseja destacar.

O carrossel pode mostrar apenas parte dos produtos de cada vez. No computador, use as setas Produtos anteriores e Próximos produtos; no celular, deslize a faixa para conferir os demais. Use Salvar alterações e abra a Home pública para confirmar a seleção completa.

Intercale vitrines de produtos com categorias com foto, conteúdo sobre a loja e outros caminhos de escolha. Cada bloco deve ter uma finalidade clara, sem repetir a mesma seleção. Desative um bloco temporário quando ele não fizer mais sentido. Recolher um editor só reduz o espaço de edição; não significa ocultar o bloco público.

Confira as prévias de computador e celular e use Salvar alterações. Aguarde a confirmação e abra a Home pública: alterar a prévia não aplica a edição à loja. No rotativo, confira a arte inteira, sua leitura e eventuais textos sobrepostos. Clique nos destinos dos destaques. Os textos sobre prazo, frete e pagamento precisam corresponder às condições efetivamente configuradas. Quando essas condições ainda dependem de confirmação, oriente o comprador a falar com a loja pelo canal de contato disponível.