Cabeçalho

Logotipo

Imagem do logotipo

ImagemSe estiver vazio, o nome da loja é exibido como texto.

Largura do logotipo no computador

Controle deslizante, de 100 a 300 pxPadrão: 190 pxLargura da parte visível do logotipo, depois de aparadas as margens transparentes.

Altura máxima do logotipo no computador

Controle deslizante, de 40 a 160 pxPadrão: 65 pxUm logotipo alto é reduzido a esta altura. A altura é a da parte visível.

Largura do logotipo no celular

Controle deslizante, de 80 a 200 pxPadrão: 100 pxLargura da parte visível do logotipo em celulares e tablets. Em celulares estreitos, ele diminui quando necessário para que os ícones ao lado tenham espaço.

Altura máxima do logotipo no celular

Controle deslizante, de 24 a 44 pxPadrão: 34 pxUm logotipo alto é reduzido a esta altura em celulares e tablets. A barra tem altura fixa de 48px, então no máximo 44.

Posição do logotipo no recorte no celular

Controle deslizante, de -8 a 12 pxPadrão: 4 pxUm número positivo move o logotipo para baixo, um negativo o move para cima. 0: centralizado na linha do cabeçalho.

Posição do logotipo no recorte no computador

Controle deslizante, de -8 a 12 pxPadrão: 0 pxUm número positivo move o logotipo para baixo, um negativo o move para cima. 0: centralizado na linha do cabeçalho.

Aparar as margens transparentes do logotipo

Aparar do topo

Controle deslizante, de 0 a 40 %Padrão: 17 %

Aparar da parte inferior

Controle deslizante, de 0 a 40 %Padrão: 22 %

Aparar da esquerda

Controle deslizante, de 0 a 40 %Padrão: 7.5 %

Aparar da direita

Controle deslizante, de 0 a 40 %Padrão: 3.5 %

Uma imagem de logotipo costuma ter margens transparentes ao redor da assinatura. Defina quanto é cortado de cada lado da imagem (em porcentagem); os tamanhos do logotipo acima passam a valer para o que sobra. Para uma imagem já recortada rente, mantenha todos os valores em 0.

Ícones

Mostrar o botão de busca

Ativado ou desativadoPadrão: Ativado

Palavras digitadas no campo de busca

TextoNo celular, quando a busca abre, estas palavras são digitadas no campo uma após a outra. Separe com vírgulas. Deixe vazio para usar os nomes dos links do menu principal. Também aparecem como ideias antes de digitar.

Antes de digitar

Opção: Ideias e buscas recentes, Somente ideias, Somente buscas recentes, NadaPadrão: Ideias e buscas recentesAs ideias são as palavras do campo de busca. As buscas recentes são de cada cliente, salvas no navegador.

Menu da conta

MenuLinks na janela de conta da Shopify, abaixo do login. "Menu principal da conta do cliente" os mantém iguais às páginas da conta.

Tamanho das moedas do cabeçalho

Controle deslizante, de 36 a 48 pxPadrão: 40 pxDiâmetro das moedas do cabeçalho no celular e no tablet. No computador o cabeçalho não tem moedas: os ícones ficam na faixa como linhas. O ícone dentro de uma moeda tem metade do diâmetro.

Sacola reage ao adicionar

Ativado ou desativadoPadrão: AtivadoQuando um produto é adicionado ao carrinho, a sacola desce um pouco, se comprime e volta. Não acontece quando a quantidade muda dentro do carrinho.

Cabeçalho no computador

Estilo do menu no computador

Opção: Biblioteca: todos os links em colunas, Salas: um grupo por vez, Galeria: uma imagem para cada grupoPadrão: Biblioteca: todos os links em colunasComo o painel abaixo da faixa mostra os links de um item do menu. Feito a partir do seu menu normal, até três níveis.

Imagem da coleção nos menus

Ativado ou desativadoPadrão: AtivadoNos estilos biblioteca e salas, a imagem da coleção aparece ao lado dos links e muda conforme o link sob o cursor. A galeria sempre mostra imagens.

Cor do painel do menu

Opção: Branco, como a busca, Escuro, Cor personalizadaPadrão: Branco, como a busca

Cor do painel

CorA cor do texto é escolhida automaticamente: escura sobre uma cor clara e clara sobre uma escura.

Menu flutuante no celular

Menu flutuante ao rolar

Opção: Desativado, No celularPadrão: No celularNo celular, quando o cabeçalho sai da tela, os mesmos quatro ícones flutuam em uma pílula na parte de baixo da tela, perto do polegar. O menu, a busca e o carrinho se abrem por cima, como no topo da página. Apps de chat: deixe nas configurações deles uma margem inferior de pelo menos 90 px para que fiquem acima dela.

Formato do menu flutuante

Opção: Aba da moldura, Flutuante, estreito em cima, Flutuante, largo em cimaPadrão: Aba da molduraAba: sobe da parte inferior da moldura no formato do recorte do logo, na cor da moldura. Os formatos flutuantes usam a cor do menu abaixo.

Cor do menu flutuante

Opção: Como as moedas do cabeçalho, Escuro, ClaroPadrão: Como as moedas do cabeçalho"Como as moedas do cabeçalho" segue a cor das moedas do cabeçalho: escuro com moldura escura, claro com moldura branca.

Cor dos ícones do menu inferior

CorOs ícones do menu flutuante no celular. Vazio: a cor do tom do menu.

Cor dos anéis do menu inferior

CorO anel fino em volta de cada ícone, sem preenchimento. Um ícone aberto é preenchido com esta cor. Vazio: a cor do tom do menu.

Distância da moldura

Controle deslizante, de 0 a 24 pxPadrão: 4 pxO espaço entre o menu e a moldura abaixo dele, ou a barra do navegador quando ela cobre a moldura. Igual ao rolar para cima ou para baixo. Padrão: 4 px.

Menu

Menu principal

MenuEdite os itens do menu em Conteúdo > Menus.

Pequeno título acima do menu do celular

TextoDeixe vazio para usar o padrão.

Texto do botão do clube

TextoO botão na parte inferior do menu do celular. Deixe vazio para usar o padrão.

Seletor de idioma e país no menu

Ativado ou desativadoPadrão: AtivadoAcima do botão do clube. Aparece somente quando há mais de um idioma ou país.

Seletor de idioma na faixa

Ativado ou desativadoPadrão: AtivadoNo computador, um seletor de idioma na faixa superior, antes do ícone de busca. No celular e tablet ele fica no menu.

Bandeiras ao lado dos idiomas

Ativado ou desativadoPadrão: AtivadoUma pequena bandeira ao lado de cada idioma. Algumas lojas preferem não usar, porque um idioma não é um país.

Redes sociais no menu

Ativado ou desativadoPadrão: AtivadoUma fileira de ícones sólidos abaixo do botão do clube, como no rodapé. Links e ordem são definidos em Configurações do tema, em Redes sociais. Facebook, Instagram, TikTok, YouTube e X aparecem como ícone simples até você adicionar um link; as outras redes, somente com link.

Cor do menu

CorPadrão: #FFFFFFQualquer cor que você quiser. O texto e o botão se adaptam: em uma cor escura, o texto fica creme. Padrão: branco, como a moldura.

Estilo do fundo

Opção: Cor lisa, Palco iluminadoPadrão: Cor lisaPalco iluminado: uma luz suave de cima que se atenua para baixo, criada a partir da cor escolhida. Em uma cor clara, o topo fica branco; em uma cor escura, vira um palco escuro.

Cor da luz

CorA luz suave vinda do centro do topo. Vazio: branco.

Cor do botão do clube

CorO botão na parte inferior do menu. Vazio: a cor do menu. O texto fica claro ou escuro para combinar.

Imagem de fundo do menu

ImagemOpcional. A imagem só carrega quando o menu é aberto pela primeira vez. Um véu na cor do menu fica sobre ela.

Intensidade do véu sobre a imagem

Controle deslizante, de 0 a 100 %Padrão: 80 %Quanto da cor do menu cobre a imagem para que o texto continue legível. 0 mostra a imagem como está.