Aparência e temas
Personalize sua loja com IA, confira a prévia e publique suas alterações.
A edição do tema não consome a cota de IA dos recursos extras. Entenda a diferença no guia de créditos e limites de IA.
A imagem gerada já entra na prévia ao confirmar? Entenda Usar imagem e o aviso de alterações não publicadas antes de atualizar a loja ao vivo.
Encontre o guia para sua dúvida
Como escolher um tema e personalizar a loja virtual
Explore a biblioteca de temas, prepare um rascunho com a identidade da loja e confira a aparência antes de publicar.
A criação com referência falhou? Veja como interpretar os motivos e informar a tentativa ao suporte.
Como editar a aparência da loja com inteligência artificial
Use a seleção por clique na prévia para abrir as opções de textos, banners, listagens e blocos HTML confirmados, incluindo menu, logo, depoimentos e categorias. Alterne entre Editar e Navegar. O painel agrupa assistente, conteúdo da página e aparência da loja, e pode ser recolhido para ampliar a prévia.
Ao abrir o editor, veja como acompanhar a varredura do tema e a barra de progresso estimado enquanto as ferramentas continuam disponíveis.
No piloto, conheça os painéis do editor visual e a edição contextual com IA: selecione um bloco, abra seus grupos de configurações ou use Editar bloco com IA. No Designer, escolha uma sugestão, descreva sua ideia e use Criar com IA. Enter envia e Shift + Enter quebra a linha.
Veja como alterar o layout do carrinho, cadastro, checkout, confirmação e contato, preservando as funções de cada página.
Veja como anexar ou colar um print na edição com IA.
Saiba como a IA é orientada a integrar mudanças ao visual do tema, respeitando suas escolhas e o alcance do pedido.
Entenda quando um pedido foi aplicado e como incluir contato em temas antigos sem trocar suas personalizações.
Peça alterações de cores, textos, imagens e seções no editor do tema, revise a prévia e publique quando estiver satisfeito.
Consulte como editar no celular, rolar as seções e reiniciar o painel ao fechar.
Como publicar um tema e recuperar uma versão anterior
Confira o rascunho, publique a aparência da loja e use o histórico para preparar a restauração de uma revisão anterior.
Como importar e exportar arquivos de um tema
Entenda o pacote de tema, confira o que ele contém e use a documentação técnica para manter arquivos e recursos compatíveis.
Já possui uma loja antiga? Entenda como a aparência é aproveitada na migração pelo endereço temporário no www.gg4.com.br, incluindo fotos da biblioteca antiga e imagens indisponíveis para revisar.
Referência para desenvolvedores
A documentação técnica de temas reúne estrutura, Liquid, componentes, exemplos e publicação.
Para instalar JavaScript, chats ou metatags, veja como gerenciar os scripts do tema com IA e escolher aplicação no site inteiro, categoria ou página.
Veja como mostrar parcelamento, Pix, frete grátis, lançamento e segunda imagem na listagem de produtos, usando as condições cadastradas na loja.
Veja como os novos temas mostram formas de pagamento, envio e parcelamento na home e no produto e como adotar os blocos em um tema publicado.
Para reordenar, ocultar ou reexibir conteúdo sem fazer um pedido à IA, veja como organizar as seções da página. No painel do bloco, use Visibilidade → Mostrar em para escolher computador, celular ou ambos.
Veja como encontrar seções e elementos pela lateral, inclusive em temas próprios compatíveis.
Nos vinte temas oficiais com revisão compatível, configure categorias da Home, links do menu e busca no cabeçalho. A seleção e a ordem das categorias atualizam a prévia a cada alteração.
Configurar o banner de destaque: slides, textos opcionais e imagens desktop e mobile
Configure fotos, botão de compra, variações e descrição na página do produto nos temas oficiais compatíveis, com os controles disponíveis ao abrir a página no editor V3, sem habilitação manual.
Veja como mostrar ou ocultar o banner e o HTML da categoria e posicionar o conteúdo antes ou depois dos produtos no editor do tema.
Aprenda a editar textos, botões e opções de exibição do carrinho nos temas oficiais.
Veja como editar títulos, botões, campos e opções de exibição do checkout nos temas oficiais compatíveis, com os controles disponíveis ao abrir a página no editor V3, sem habilitação manual.
Para novos cadastros V3, conheça a preparação do primeiro tema e os controles de Cor 1, Cor 2, Cor 3, cores de cada elemento e amostra do padrão do tema.
Adicione uma faixa de benefícios com ícones, entrega, frete e pagamento, editável por item, com cores e espaçamento próprios.
Organize marca, menus, atendimento e redes sociais em Configurar o rodapé da loja, com três grupos de opções e prévia antes de publicar.
Criar imagens de banner com IA e adaptar a versão desktop para mobile, pela janela Alterar imagem, com referência do banner desktop atual marcada por padrão para preservar a campanha, espaço de respiro e prévia antes de aplicar.
Conheça a composição de imagem e texto dos banners padrão e confira como ela se adapta ao computador e ao celular.
Combine fotos e conteúdo com Imagem e texto e saiba o que é preservado na troca de tema.
