No editor de temas: Personalizar›Rodapé›Rodapé
Rodapé
O fim de cada página: o seu logo, menus, links de redes sociais, o seletor de idioma e país, ícones de pagamento e a linha de direitos autorais, cada um como bloco.
Coloque os seus guias de tamanhos em um grupo de menu chamado Ajuda, para os clientes chegarem a eles de qualquer página.
Configurações
Layout
- Layout do rodapé
- Opção: Clássico, Assinatura, Dois níveis, Índice, Compacto, ColofãoPadrão: ClássicoClássico: os blocos ficam em uma coluna, na ordem da lista, cada um com seu próprio alinhamento e espaçamento. Nos outros layouts, cada tipo de bloco tem um lugar definido em celulares e computadores; mantenha a lista na mesma ordem, para quem usa o teclado. O Signature começa com um bloco de Logo: adicione um.
Blocos
Os blocos são as partes dentro da seção. No editor, você pode adicionar, remover e arrastar os blocos para mudar a ordem.
Logo
Geral
- Imagem do logo
- ImagemVazio: o logo das configurações de marca da loja. Sem ele, o nome da loja aparece.
- Mostrar o logo em branco
- Ativado ou desativadoPadrão: AtivadoPara um logo escuro no rodapé escuro. Desative para um logo claro ou colorido.
- Largura do logo no celular
- Controle deslizante, de 50 a 350 pxPadrão: 178 px
- Largura do logo no computador
- Controle deslizante, de 50 a 480 pxPadrão: 230 px
- Linha sob o logo
- TextoExibida entre duas linhas afiladas. Vazio: sem linha.
Posição
Usado no layout Clássico. Os outros layouts definem o lugar de cada bloco.
- Alinhamento nos celulares
- Opção: Início, Centro, FimPadrão: Centro
- Alinhamento no computador
- Opção: Início, Centro, FimPadrão: Centro
- Espaço acima, celular
- Controle deslizante, de 0 a 100 pxPadrão: 0 pxDistância da parte acima. Arraste os blocos na lista para mudar a ordem.
- Espaço acima, computador
- Controle deslizante, de 0 a 100 pxPadrão: 0 pxDistância da parte acima. Arraste os blocos na lista para mudar a ordem.
Redes sociais
Geral
- Título das redes sociais
- TextoDeixe vazio para usar o padrão.
- Posição do título
- Opção: Automático (segue o layout do rodapé), Acima dos ícones, Ao lado dos ícones, OcultoPadrão: Automático (segue o layout do rodapé)Automático segue o layout do rodapé. Oculto não é exibido, mas permanece disponível para leitores de tela.
- Linha acima
- Ativado ou desativadoPadrão: DesativadoUma linha fina acima dos ícones, como as outras linhas do rodapé. No computador, no layout "Dois andares", os ícones ficam ao lado dos links, então ela não aparece ali.
- Tamanho do título (celular e tablet)
- Controle deslizante, de 12 a 32 pxPadrão: 17 px
- Tamanho do título (computador)
- Controle deslizante, de 12 a 40 pxPadrão: 19 px
- Peso do título
- Controle deslizante, de 200 a 800Padrão: 700
- Fundo do painel
- CorVazio: sem painel. Com uma cor, o título e os ícones ficam sobre um painel arredondado, e a linha acima não é desenhada.
- Texto e ícones do painel
- CorVazio: a cor do texto do rodapé.
Ícones de redes sociais
Os valores do celular também valem em tablets. Os valores do computador valem a partir de 990 pixels de largura.
- Aparência dos ícones
- Opção: Ícones, MoedasPadrão: Ícones
- Cor das moedas
- CorPadrão: #FFFFFF
- Cor dos ícones
- CorPadrão: #1F1C1A
- Nome da rede ao girar
- Ativado ou desativadoPadrão: AtivadoAo passar o mouse, ou tocar no celular, a moeda gira uma vez e o nome da rede aparece abaixo.
- Mostrar ícones que ainda não têm link
- Ativado ou desativadoPadrão: AtivadoFacebook, Instagram, TikTok, YouTube e X aparecem como ícone simples, sem clique, até que um link seja adicionado em Configurações do tema. As outras redes aparecem somente com link.
- Tamanho dos ícones (celular)
- Controle deslizante, de 14 a 32 pxPadrão: 18 px
- Tamanho dos ícones (computador)
- Controle deslizante, de 14 a 32 pxPadrão: 18 px
- Espaço entre os ícones (celular)
- Controle deslizante, de 0 a 40 pxPadrão: 17.6 px
- Espaço entre os ícones (computador)
- Controle deslizante, de 0 a 40 pxPadrão: 17.6 px
- Ícones por linha (celular)
- Controle deslizante, de 2 a 12Padrão: 6Quantos ícones ficam em uma linha antes de começar uma nova. A última linha é centralizada.
- Ícones por linha (computador)
- Controle deslizante, de 2 a 12Padrão: 6Quantos ícones ficam em uma linha antes de começar uma nova. A última linha é centralizada.
Posição
Usado no layout Clássico. Os outros layouts definem o lugar de cada bloco.
- Alinhamento nos celulares
- Opção: Início, Centro, FimPadrão: Centro
- Alinhamento no computador
- Opção: Início, Centro, FimPadrão: Centro
- Espaço acima, celular
- Controle deslizante, de 0 a 100 pxPadrão: 0 pxDistância da parte acima. Arraste os blocos na lista para mudar a ordem.
- Espaço acima, computador
- Controle deslizante, de 0 a 100 pxPadrão: 0 pxDistância da parte acima. Arraste os blocos na lista para mudar a ordem.
Seguir no Shop
Geral
- Título acima do botão
- TextoVazio: sem título.
O botão do app Shop que permite que clientes sigam a loja. Aparece somente quando o Shop Pay está ativo e o canal de vendas Shop está instalado no admin da loja. A Shopify define o botão, o texto e as cores, que não devem ser alterados; este bloco define apenas a posição.
Posição
Usado no layout Clássico. Os outros layouts definem o lugar de cada bloco.
- Alinhamento nos celulares
- Opção: Início, Centro, FimPadrão: Centro
- Alinhamento no computador
- Opção: Início, Centro, FimPadrão: Centro
- Espaço acima, celular
- Controle deslizante, de 0 a 100 pxPadrão: 26 pxDistância da parte acima. Arraste os blocos na lista para mudar a ordem.
- Espaço acima, computador
- Controle deslizante, de 0 a 100 pxPadrão: 26 pxDistância da parte acima. Arraste os blocos na lista para mudar a ordem.
Idioma e país
Geral
- Mostrar o seletor de idioma
- Ativado ou desativadoPadrão: Ativado
- Mostrar o seletor de país e moeda
- Ativado ou desativadoPadrão: Ativado
- 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.
O seletor de idioma aparece somente quando a loja tem mais de um idioma, e o seletor de país e moeda somente quando a loja vende para mais de um país. Adicione idiomas e países no admin da loja (Configurações: Idiomas, Mercados). Com dois idiomas, o seletor é um alternador; com três ou mais, uma lista.
Posição
Usado no layout Clássico. Os outros layouts definem o lugar de cada bloco.
- Alinhamento nos celulares
- Opção: Início, Centro, FimPadrão: Centro
- Alinhamento no computador
- Opção: Início, Centro, FimPadrão: Centro
- Espaço acima, celular
- Controle deslizante, de 0 a 100 pxPadrão: 26 pxDistância da parte acima. Arraste os blocos na lista para mudar a ordem.
- Espaço acima, computador
- Controle deslizante, de 0 a 100 pxPadrão: 26 pxDistância da parte acima. Arraste os blocos na lista para mudar a ordem.
Formas de pagamento
Geral
- Estilo da fileira
- Opção: Fileira na largura total, Baralho (abre ao tocar ou passar o mouse), Selo de pagamento seguroPadrão: Baralho (abre ao tocar ou passar o mouse)Como os cartões de pagamento aparecem. Todos os estilos usam o mesmo tamanho de cartão e moldura.
- Título do selo
- TextoDeixe vazio para usar “Pagamento seguro” em cada idioma.
- Linha do selo
- TextoDeixe vazio para usar a linha padrão em cada idioma.
- Cor da moldura dos cartões
- CorPadrão: #000000A moldura fina em volta de cada cartão de pagamento.
- Altura dos ícones nos celulares
- Controle deslizante, de 12 a 40 pxPadrão: 23 px
- Altura dos ícones no computador
- Controle deslizante, de 12 a 40 pxPadrão: 23 px
Posição
Usado no layout Clássico. Os outros layouts definem o lugar de cada bloco.
- Alinhamento nos celulares
- Opção: Início, Centro, FimPadrão: Centro
- Alinhamento no computador
- Opção: Início, Centro, FimPadrão: Centro
- Espaço acima, celular
- Controle deslizante, de 0 a 100 pxPadrão: 44 pxDistância da parte acima. Arraste os blocos na lista para mudar a ordem.
- Espaço acima, computador
- Controle deslizante, de 0 a 100 pxPadrão: 36 pxDistância da parte acima. Arraste os blocos na lista para mudar a ordem.
Direitos autorais
Geral
- Texto extra de direitos autorais
- TextoExibido após o nome da loja.
- Estilo
- Opção: Automático (segue o layout do rodapé), Simples, Entre linhas afiladasPadrão: Automático (segue o layout do rodapé)
- Tamanho do texto nos celulares
- Controle deslizante, de 10 a 20 pxPadrão: 12 px
- Tamanho do texto no computador
- Controle deslizante, de 10 a 20 pxPadrão: 12 px
Posição
Usado no layout Clássico. Os outros layouts definem o lugar de cada bloco.
- Alinhamento nos celulares
- Opção: Início, Centro, FimPadrão: Centro
- Alinhamento no computador
- Opção: Início, Centro, FimPadrão: Centro
- Espaço acima, celular
- Controle deslizante, de 0 a 100 pxPadrão: 18 pxDistância da parte acima. Arraste os blocos na lista para mudar a ordem.
- Espaço acima, computador
- Controle deslizante, de 0 a 100 pxPadrão: 22 pxDistância da parte acima. Arraste os blocos na lista para mudar a ordem.
Links
Geral
- Menu
- Menu
- Título acima dos links
- TextoVazio: sem título.
- Estilo dos links
- Opção: Automático (segue o layout do rodapé), Linhas com número fixo de links, Linhas equilibradas, Colunas, Lista com linhas e setas, Lista grandePadrão: Automático (segue o layout do rodapé)Automático segue o layout do rodapé. Em linhas equilibradas, um ponto aparece apenas entre dois links na mesma linha.
- Links por linha (computador)
- Controle deslizante, de 2 a 8Padrão: 4Quantos links ficam em uma linha antes de começar a próxima. A última linha pode ser mais curta.
- Links por linha (celular)
- Controle deslizante, de 1 a 6Padrão: 3
- Colunas no celular
- Opção: Automático, 1, 2, 3Padrão: AutomáticoPara colunas e listas. Automático define o número conforme o estilo dos links.
- Colunas no computador
- Opção: Automático, 1, 2, 3, 4Padrão: AutomáticoPara colunas e listas. Automático define o número conforme o estilo dos links.
- Mostrar setas
- Ativado ou desativadoPadrão: AtivadoNa lista com linhas e setas.
- Tamanho do texto nos celulares
- Controle deslizante, de 10 a 20 pxPadrão: 13.5 px
- Tamanho do texto no computador
- Controle deslizante, de 10 a 20 pxPadrão: 13.5 px
Posição
Usado no layout Clássico. Os outros layouts definem o lugar de cada bloco.
- Alinhamento nos celulares
- Opção: Início, Centro, FimPadrão: Centro
- Alinhamento no computador
- Opção: Início, Centro, FimPadrão: Centro
- Espaço acima, celular
- Controle deslizante, de 0 a 100 pxPadrão: 14 pxDistância da parte acima. Arraste os blocos na lista para mudar a ordem.
- Espaço acima, computador
- Controle deslizante, de 0 a 100 pxPadrão: 18 pxDistância da parte acima. Arraste os blocos na lista para mudar a ordem.
Algo aqui não bate com o que aparece no seu editor? Conte para a gente e corrigimos o guia.