Outros controles globais
Abra Configurações do tema para acessar estes painéis. Um padrão global só atua nos componentes que o utilizam; ele não cria conteúdo no catálogo nem substitui controles locais. Para fontes, cores e botões, consulte os guias de identidade. Para itens de compra, veja Cartão de produto e Carrinho.
Carrosséis: indicadores e setas
Seção intitulada “Carrosséis: indicadores e setas”Este painel define a aparência da navegação. A seção ou o bloco continua responsável por ativar setas/indicadores, definir quantidade de itens, reprodução automática e velocidade, quando oferecer essas opções.
| Grupo | Opções |
|---|---|
| Indicadores | Animado ou simples; tamanho pequeno/médio/grande; separação 0–24 px; opacidade inativa 10–100%; cores ativa/inativa e borda com cor. |
| Indicador ativo | Largura 12–60 px, disponível no estilo animado. |
| Setas | Somente ícone ou com fundo; seta longa ou chevron; tamanho 24–64 px; recuo lateral 0–48 px; opacidade 20–100%; cor do ícone. |
| Setas com fundo | Forma quadrada/arredondada/circular, cor de fundo, sombra e borda. Com borda ativa, cor e espessura 1–4 px. |
Confira contraste sobre imagens claras e escuras. Ocultar a navegação no módulo não é revertido por personalizar sua aparência global. Veja Carrossel.
Etiquetas
Seção intitulada “Etiquetas”A etiqueta principal representa promoções, como 2x1; a secundária, frete grátis. Cada uma tem fundo, texto, preenchido/contorno e arredondamento 0–20 px. São estilos separados, com amostra visual no painel. O cartão define posição e formato da mensagem de frete; promoções e elegibilidade são dados da plataforma.
Largura e lista de produtos
Seção intitulada “Largura e lista de produtos”Largura da página aceita 960–1600 px em computadores. É a largura máxima das seções configuradas como Página. Uma seção Completo pode ultrapassá-la; ela não fixa a largura do celular. Quando o recuo horizontal local estiver desabilitado em Página, use a largura global e os controles realmente disponíveis.
Lista de produtos oferece espaço entre colunas e entre linhas separado por dispositivo: 0–40 px no celular e 0–64 px no computador. Não é o seletor de quantidade de colunas nem de produtos: esses controles pertencem à grade ou ao bloco da vitrine. Veja Catálogo e busca.
Aba do navegador
Seção intitulada “Aba do navegador”Configure um favicon específico para quando houver produtos no carrinho. A opção de mensagem ao mudar de aba revela dois campos de texto para a aba inativa. Esses controles não substituem o logo do cabeçalho, não criam um alerta dentro da página e não alteram dados do carrinho. Confira a aba ativa/inativa em uma prévia aberta fora do editor.
Pop-up promocional
Seção intitulada “Pop-up promocional”Ative Mostrar um pop-up promocional para revelar o conteúdo. Escolha formulário de newsletter ou chamada com link; o link do botão aparece somente sem newsletter. O link da imagem é independente do link do botão.
| Conteúdo | Controles |
|---|---|
| Imagem | Imagem principal, opção de outra para celular e link da imagem. |
| Título | Texto, estilo Título 1–6 e opção de tamanho específico para celular. |
| Descrição | Texto formatado e estilo de parágrafo pequeno, normal ou grande. |
| Botão | Texto de envio da newsletter ou texto/link da chamada promocional. |
| Disposição | Imagem à esquerda/direita e alinhamento esquerdo/centro/direito do conteúdo. |
O formulário usa o cadastro de newsletter da plataforma; ativá-lo não configura uma integração de marketing. Confira título, instrução, botão e mensagens de sucesso/erro com dados de teste autorizados.
O pop-up não abre automaticamente na prévia embutida do Brand Editor ou do editor antigo. Abra a prévia da loja em sua própria aba. Na versão de referência, a abertura usa atraso de 10 segundos e cookie de 30 dias; não há controles desses intervalos neste painel. Uma visita já registrada pode impedir nova exibição: confira em uma sessão de teste sem esse histórico. Não conclua que está quebrado por não reaparecer em cada recarga.
CSS personalizado
Seção intitulada “CSS personalizado”Este campo altera a apresentação por CSS. Não oferece edição de templates, criação de seções ou JavaScript. Solicite ao parceiro uma alteração delimitada e confira todas as páginas afetadas, especialmente no celular. Prefira os controles existentes para ajustes que já são suportados pelo tema. Veja Orientações para parceiros.