Aparência da Loja

Carregando...

Logomarcas

Cores

Fontes

Cabeçalho

Rodapé

Página Inicial

Catálogo

Página do Produto

Finalização do Pedido

Pop-up de Inscrição

Banners

Avisos Topo

CSS

Crédito Autoral

Logomarca Circular/Quadrada

Logomarca Horizontal

Cor Primária

Esta cor será usada para elementos principais como cabeçalho e botões importantes.

Cor Secundária

Esta cor será usada para elementos secundários e detalhes.

Cor do Fundo da Página

Cor dos Detalhes do Fundo da Página

Cor do Fundo da Barra Superior

Cor dos Botões do Cabeçalho

Cor do Fundo do Cabeçalho

Cor do Botão Enviar Pedido

Cor dos Demais Botões

Cor dos Detalhes Gerais

Cor do Fundo dos Banners do Catálogo

Cor do Fundo do Menu Desktop

Cor do Fundo do Submenu Desktop

Cor do Fundo do Menu Mobile

Cor do Fundo do Rodapé

Pré-Visualização

Fonte para Títulos, Cabeçalhos e Textos em Destaque

{{ fonte.label }} Padrão

Pré-Visualização

Fonte para Demais Textos

{{ fonte.label }} Padrão

Pré-Visualização

Modelo do Cabeçalho

{{ modelo.label }} Padrão Beta Em Breve

Consulte a documentação para conhecer os componentes e recursos disponíveis nos modelos personalizados.

HTML do Cabeçalho Limite: {{ bytesTemplateCabecalho }} / 51200 bytes (50 KiB)

CSS do Cabeçalho Limite: {{ bytesCssCabecalho }} / 51200 bytes (50 KiB)

Erros de validação:

{{ erro.code || erro.codigo }} (linha {{ erro.line || erro.linha }}, coluna {{ erro.column || erro.coluna }}): {{ erro.message || erro.mensagem }}

Estou ciente de que sou responsável pelo código inserido e que configurações incorretas podem afetar o funcionamento do catálogo.

Alterações não salvas

Desktop

Mobile

Pré-Visualização

Desktop

Mobile

Selecione um modelo

O modelo escolhido seguirá as cores personalizadas que foram configuradas na aparência da loja.

Modelo do Rodapé

{{ modelo.label }} Padrão Beta

Consulte a documentação para conhecer os componentes e recursos disponíveis nos modelos personalizados.

HTML do Rodapé Limite: {{ bytesTemplateRodape }} / 51200 bytes (50 KiB)

CSS do Rodapé Limite: {{ bytesCssRodape }} / 51200 bytes (50 KiB)

Erros de validação:

{{ erro.code || erro.codigo }} (linha {{ erro.line || erro.linha }}, coluna {{ erro.column || erro.coluna }}): {{ erro.message || erro.mensagem }}

Estou ciente de que sou responsável pelo código inserido e que configurações incorretas podem afetar o funcionamento do catálogo.

Alterações não salvas

Desktop

Mobile

Pré-Visualização

Selecione um modelo

O modelo escolhido seguirá as cores personalizadas, incluindo a cor de fundo do rodapé.

Modelo do Menu Desktop

{{ modelo.label }} Padrão Beta Em Breve

Consulte a documentação para conhecer os componentes e recursos disponíveis nos modelos personalizados.

HTML do Menu Desktop Limite: {{ bytesTemplateMenuDesktop }} / 51200 bytes (50 KiB)

CSS do Menu Desktop Limite: {{ bytesCssMenuDesktop }} / 51200 bytes (50 KiB)

Erros de validação:

{{ erro.code || erro.codigo }} (linha {{ erro.line || erro.linha }}, coluna {{ erro.column || erro.coluna }}): {{ erro.message || erro.mensagem }}

Estou ciente de que sou responsável pelo código inserido e que configurações incorretas podem afetar o funcionamento do catálogo.

Alterações não salvas

Desktop

Pré-Visualização

Selecione um modelo

Modelo do Submenu Desktop

{{ modelo.label }} Padrão Beta Em Breve

Consulte a documentação para conhecer os componentes e recursos disponíveis nos modelos personalizados.

HTML do Submenu Desktop Limite: {{ bytesTemplateSubmenuDesktop }} / 51200 bytes (50 KiB)

CSS do Submenu Desktop Limite: {{ bytesCssSubmenuDesktop }} / 51200 bytes (50 KiB)

Erros de validação:

{{ erro.code || erro.codigo }} (linha {{ erro.line || erro.linha }}, coluna {{ erro.column || erro.coluna }}): {{ erro.message || erro.mensagem }}

Estou ciente de que sou responsável pelo código inserido e que configurações incorretas podem afetar o funcionamento do catálogo.

Alterações não salvas

Desktop

Pré-Visualização

Selecione um modelo

Modelo do Menu Mobile

{{ modelo.label }} Padrão Beta Em Breve

Consulte a documentação para conhecer os componentes e recursos disponíveis nos modelos personalizados.

HTML do Menu Mobile Limite: {{ bytesTemplateMenuMobile }} / 51200 bytes (50 KiB)

CSS do Menu Mobile Limite: {{ bytesCssMenuMobile }} / 51200 bytes (50 KiB)

Erros de validação:

{{ erro.code || erro.codigo }} (linha {{ erro.line || erro.linha }}, coluna {{ erro.column || erro.coluna }}): {{ erro.message || erro.mensagem }}

Estou ciente de que sou responsável pelo código inserido e que configurações incorretas podem afetar o funcionamento do catálogo.

Alterações não salvas

Mobile

Pré-Visualização

Selecione um modelo

Os modelos escolhidos seguirão as cores personalizadas que foram configuradas na aparência da loja.

Modelo da Página do Produto

{{ modelo.label }} Padrão Beta

Consulte a documentação para conhecer os blocos oficiais da página do produto (galeria, preços, seleção, frete e ações de compra são obrigatórios e preservam as regras comerciais).

HTML da Página do Produto Limite: {{ bytesTemplateProduto }} / 51200 bytes (50 KiB)

CSS da Página do Produto Limite: {{ bytesCssProduto }} / 51200 bytes (50 KiB)

Erros de validação:

{{ erro.code || erro.codigo }} (linha {{ erro.line || erro.linha }}, coluna {{ erro.column || erro.coluna }}): {{ erro.message || erro.mensagem }}

Estou ciente de que sou responsável pelo código inserido e que configurações incorretas podem afetar o funcionamento do catálogo.

Alterações não salvas

Prévia:

Pré-Visualização

Selecione um modelo

O modelo escolhido seguirá as cores personalizadas configuradas para a loja.

Modelo da Página de Finalização do Pedido

{{ modelo.label }} Padrão Em breve

Pré-Visualização

Prévia da página de finalização do pedido

Selecione um modelo

O modelo escolhido seguirá as cores do tema da loja.

Configurações de Modelo

Escolha o modelo e personalize os textos compartilhados entre todos os catálogos.

Modelo do Pop-up de Inscrição em Campanhas

{{ modelo.label }} Padrão

Pré-Visualização

Prévia do pop-up de inscrição em campanhas

Personalizar textos do {{ config.modelo_popup_inscricao_campanhas === '1' ? 'Modelo 1' : 'Modelo 2' }}

Aparência da Loja

{{ textoPreviewFonte }}

{{ textoPreviewFonte }}

Videochamada