Cabeçalho

Logótipo

Imagem do logótipo

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

Largura do logótipo no computador

Controlo de deslize, de 100 a 300 pxPredefinição: 190 pxLargura da parte visível do logótipo, depois de aparadas as margens transparentes.

Altura máxima do logótipo no computador

Controlo de deslize, de 40 a 160 pxPredefinição: 65 pxUm logótipo alto é reduzido a esta altura. A altura é a da parte visível.

Largura do logótipo em telemóveis

Controlo de deslize, de 80 a 200 pxPredefinição: 100 pxLargura da parte visível do logótipo em telemóveis e tablets. Em telemóveis estreitos, diminui quando necessário para que os ícones ao lado tenham espaço.

Altura máxima do logótipo em telemóveis

Controlo de deslize, de 24 a 44 pxPredefinição: 34 pxUm logótipo alto é reduzido a esta altura em telemóveis e tablets. A barra tem uma altura fixa de 48 px, por isso até 44.

Posição do logótipo no entalhe no telemóvel

Controlo de deslize, de -8 a 12 pxPredefinição: 4 pxUm número positivo desloca o logótipo para baixo, um negativo para cima. 0: centrado na linha do cabeçalho.

Posição do logótipo no entalhe no computador

Controlo de deslize, de -8 a 12 pxPredefinição: 0 pxUm número positivo desloca o logótipo para baixo, um negativo para cima. 0: centrado na linha do cabeçalho.

Aparar as margens transparentes do logótipo

Aparar em cima

Controlo de deslize, de 0 a 40 %Predefinição: 17 %

Aparar em baixo

Controlo de deslize, de 0 a 40 %Predefinição: 22 %

Aparar à esquerda

Controlo de deslize, de 0 a 40 %Predefinição: 7.5 %

Aparar à direita

Controlo de deslize, de 0 a 40 %Predefinição: 3.5 %

Uma imagem de logótipo costuma ter margens transparentes em redor da assinatura. Defina quanto é cortado de cada lado da imagem (em percentagem); os tamanhos do logótipo acima referem-se ao que fica. Para uma imagem já recortada rente, mantenha todos os valores em 0.

Ícones

Mostrar o botão de pesquisa

Ativado ou desativadoPredefinição: Ativado

Palavras escritas no campo de pesquisa

TextoEm telemóveis, quando a pesquisa abre, estas palavras são escritas no campo uma a seguir à outra. Separe com vírgulas. Deixe vazio para usar os nomes das ligações do menu principal. Também aparecem como ideias antes de escrever.

Antes de escrever

Escolha: Ideias e pesquisas recentes, Apenas ideias, Apenas pesquisas recentes, NadaPredefinição: Ideias e pesquisas recentesAs ideias são as palavras do campo de pesquisa. As pesquisas recentes são de cada cliente, guardadas no navegador.

Menu da conta

MenuLigações na janela de conta da Shopify, abaixo do início de sessão. "Menu principal da conta de cliente" mantém-nas iguais às páginas da conta.

Tamanho das moedas do cabeçalho

Controlo de deslize, de 36 a 48 pxPredefinição: 40 pxDiâmetro das moedas do cabeçalho no telemóvel 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.

O saco reage à adição

Ativado ou desativadoPredefinição: AtivadoQuando um produto é adicionado ao carrinho, o saco desce ligeiramente, achata-se e volta a subir. Não acontece quando a quantidade muda dentro do carrinho.

Cabeçalho no computador

Estilo do menu no computador

Escolha: Biblioteca: todas as ligações em colunas, Salas: um grupo de cada vez, Galeria: uma imagem para cada grupoPredefinição: Biblioteca: todas as ligações em colunasComo o painel abaixo da faixa mostra as ligações de um item do menu. Feito a partir do seu menu habitual, até três níveis.

Imagem da coleção nos menus

Ativado ou desativadoPredefinição: AtivadoNos estilos biblioteca e salas, a imagem da coleção aparece ao lado das ligações e muda conforme a ligação sob o cursor. A galeria mostra sempre imagens.

Cor do painel do menu

Escolha: Branco, como a pesquisa, Escuro, Cor personalizadaPredefinição: Branco, como a pesquisa

Cor do painel

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

Menu flutuante no telemóvel

Menu flutuante ao deslizar

Escolha: Desativado, No telemóvelPredefinição: No telemóvelNo telemóvel, quando o cabeçalho sai do ecrã, os mesmos quatro ícones flutuam numa pílula na parte de baixo do ecrã, perto do polegar. O menu, a pesquisa e o carrinho abrem-se por cima, como no topo da página. Apps de chat: deixe nas definições delas uma margem inferior de pelo menos 90 px para ficarem acima dela.

Forma do menu flutuante

Escolha: Separador da moldura, Flutuante, estreito em cima, Flutuante, largo em cimaPredefinição: Separador da molduraSeparador: sobe da parte inferior da moldura com a forma do recorte do logótipo, na cor da moldura. As formas flutuantes usam a cor do menu abaixo.

Cor do menu flutuante

Escolha: Como as moedas do cabeçalho, Escuro, ClaroPredefiniçã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 telemóvel. Vazio: a cor do tom do menu.

Cor dos anéis do menu inferior

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

Distância da moldura

Controlo de deslize, de 0 a 24 pxPredefinição: 4 pxO espaço entre o menu e a moldura por baixo, ou a barra do navegador quando esta cobre a moldura. Igual ao deslocar para cima ou para baixo. Predefinição: 4 px.

Menu

Menu principal

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

Pequeno título acima do menu do telemóvel

TextoDeixe vazio para usar o predefinido.

Texto do botão do clube de membros

TextoO botão na parte inferior do menu do telemóvel. Deixe vazio para usar o predefinido.

Seletor de idioma e país no menu

Ativado ou desativadoPredefinição: AtivadoAcima do botão do clube. Só aparece quando há mais do que um idioma ou país.

Seletor de idioma na faixa

Ativado ou desativadoPredefinição: AtivadoNo computador, um seletor de idioma na faixa superior, antes do ícone de pesquisa. No telemóvel e tablet fica no menu.

Bandeiras ao lado dos idiomas

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

Redes sociais no menu

Ativado ou desativadoPredefinição: AtivadoUma fila de ícones sólidos abaixo do botão do clube, como no rodapé. As ligações e a ordem são definidas nas Definições do tema, em Redes sociais. O Facebook, o Instagram, o TikTok, o YouTube e o X aparecem como um ícone simples até acrescentar uma ligação; as outras redes só com ligação.

Cor do menu

CorPredefinição: #FFFFFFQualquer cor que quiser. O texto e o botão adaptam-se: numa cor escura, o texto é cor de creme. Predefinição: branco, como a moldura.

Estilo do fundo

Escolha: Cor lisa, Palco iluminadoPredefinição: Cor lisaPalco iluminado: uma luz suave vinda de cima que se atenua para baixo, criada a partir da cor escolhida. Numa cor clara, o topo fica branco; numa cor escura, torna-se um palco escuro.

Cor da luz

CorA luz suave a partir do centro superior. Vazio: branco.

Cor do botão do clube

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

Imagem de fundo do menu

ImagemOpcional. A imagem só é carregada quando o menu é aberto pela primeira vez. Um véu na cor do menu fica por cima.

Intensidade do véu sobre a imagem

Controlo de deslize, de 0 a 100 %Predefinição: 80 %Quanto da cor do menu cobre a imagem para que o texto se mantenha legível. 0 mostra a imagem tal como está.