Seções estáticas do Brooklyn
O Brooklyn conta com diversas seções estáticas que aparecem em locais predeterminados em sua loja virtual. Elas não podem ser removidas nem reorganizadas e podem ter seções de cabeçalho, rodapé ou navegação. Para saber mais sobre as seções estáticas que aparecem nas páginas de conteúdo, como páginas de produtos e de coleções, consulte Seções de página do Brooklyn.
Cabeçalho
O cabeçalho do tema é a seção que aparece no topo de todas as páginas de sua loja.
Com o Brooklyn, é possível adicionar os seguintes itens no cabeçalho:
- Um logo
- Um menu de navegação
- Uma barra de comunicados
Também é possível alterar a cor dos links e ícones de cabeçalho.
Se deseja habilitar o cabeçalho transparente na página inicial, selecione um logo e cores diferentes para o cabeçalho da página inicial.
Adicionar um logo personalizado
É possível adicionar um logo personalizado à sua loja.
Se você não adicionar uma imagem de logo, o nome da loja será exibido como texto. Vale lembrar que é possível alterar o nome da loja na página de configurações Informações da loja no admin da Shopify.
- Largura do logo personalizado: a largura do logo.
Adicionar e configurar o logo
- No admin da Shopify, acesse Loja virtual > Temas.
- Ao lado de Brooklyn, clique em Personalizar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
- Clique em Cabeçalho.
-
Na área Imagem do logo, clique em Selecionar imagem e execute uma das seguintes ações:
- Para selecionar uma imagem que você já enviou para o seu admin da Shopify, clique na aba biblioteca.
- Para selecionar uma imagem de seu computador local, clique em Biblioteca > Fazer upload.
Use as configurações para personalizar o tamanho e o posicionamento do logo.
Clique em Salvar.
Personalizar as configurações de navegação
Personalize as seguintes configurações de navegação:
- Tipo de pesquisa: defina o estilo do recurso de pesquisa do cabeçalho.
- Menu: defina o menu que é exibido no cabeçalho.
- Menu secundário da barra lateral: adicione um menu secundário ao menu da barra lateral. Quando o menu principal ocupa muito espaço, é exibido um na barra lateral em vez de um no cabeçalho. Saiba mais em Dicas para o Brooklyn.
- Habilitar pesquisa: exiba uma barra de pesquisa no menu da barra lateral.
- No admin da Shopify, acesse Loja virtual > Temas.
- Ao lado de Brooklyn, clique em Personalizar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
- Clique em Cabeçalho.
- Na área Navegação, ajuste as configurações de navegação.
- Clique em Salvar.
Adicionar uma barra de comunicados
Para exibir uma mensagem aos clientes, adicione uma barra de comunicados ao cabeçalho. O texto é personalizável e pode incluir informações de contato, eventos, promoções ou o slogan da loja.
- No admin da Shopify, acesse Loja virtual > Temas.
- Ao lado de Brooklyn, clique em Personalizar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
Clique em Cabeçalho.
Na área da Barra de avisos, marque Exibir comunicado.
Selecione Apenas na página inicial para exibir a mensagem do comunicado somente na página inicial.
- Digite o texto do comunicado.
Opcional: insira um URL para adicionar um link ao comunicado.
Para alterar a cor do plano de fundo da barra de avisos, clique na amostra de cor da barra e escolha uma cor.
Para alterar a cor do texto do comunicado, clique na amostra de cor do texto e escolha uma cor.
Clique em Salvar.
Alterar a cor dos links e ícones do cabeçalho
- No admin da Shopify, acesse Loja virtual > Temas.
- Ao lado de Brooklyn, clique em Personalizar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
- Clique em Cabeçalho.
- Clique na amostra de cor de Links e ícones e escolha uma cor.
- Clique em Salvar.
Habilitar o cabeçalho transparente
Se quiser exibir o logo e o texto do cabeçalho sobre uma apresentação de slides na página inicial, habilite o cabeçalho transparente. Selecione essa opção somente se a seção superior da loja for uma apresentação de slides.
- No admin da Shopify, acesse Loja virtual > Temas.
- Ao lado de Brooklyn, clique em Personalizar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
- Clique em Cabeçalho.
- Na área Cabeçalho transparente, marque Habilitar cabeçalho transparente na página inicial.
- Opcional: na área Logo transparente, clique em Selecionar imagem e siga um destes procedimentos:
- Para selecionar uma imagem que você já enviou para o admin da Shopify, clique na aba Biblioteca.
- Para selecionar uma imagem do banco da Burst, clique na aba Imagens gratuitas. Lá é possível inserir um termo para pesquisa ou navegar por categorias de imagem.
- Para selecionar uma imagem no computador local, clique na aba Biblioteca e, depois, em Fazer upload.
- Para alterar a cor dos links e ícones, clique em Links e ícones de cabeçalho transparente na amostra de cores e escolha uma cor.
- Clique em Salvar.
Rodapé
O rodapé do tema é a seção que aparece na parte inferior de todas as páginas de sua loja. Adicione os seguintes recursos ao rodapé:
- ícones de pagamento
- um seletor de idioma
- um seletor de moeda
- um menu
Adicionar ícones de pagamento
No rodapé, é possível exibir ícones das formas de pagamento aceitas, associados ao provedor habilitado na seção de configurações de pagamento do admin. Quando o cliente visita a loja, esses ícones são filtrados para que apenas as formas de pagamento aceitas na região e na moeda do cliente atual sejam exibidas.
- No admin da Shopify, acesse Loja virtual > Temas.
- Ao lado de Brooklyn, clique em Personalizar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
Clique em Rodapé.
Marque a opção Exibir ícones de pagamento.
Clique em Salvar.
Adicionar um menu
Adicione um menu ao rodapé para exibir todos os links e destacar as páginas que os clientes acessam com mais frequência. Por exemplo, é possível adicionar um menu com links para a página de contato, a página de informações de frete e a Política de privacidade.
- No admin da Shopify, acesse Loja virtual > Temas.
- Ao lado de Brooklyn, clique em Personalizar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
Clique em Rodapé.
Para selecionar um menu, clique em Alterar. Selecione um menu na lista ou clique em Criar menu para gerar um novo.
Para editar o menu, clique em Editar menu.
Clique em Salvar.
Adicionar um seletor de idioma
Adicione um seletor de idiomas apenas se você tiver habilitado vários idiomas da loja.
- No admin da Shopify, acesse Loja virtual > Temas.
- Ao lado de Brooklyn, clique em Personalizar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
Clique em Seções.
Clique em Rodapé.
Em Seletor de idiomas, escolha a opção Exibir seletor de idiomas.
Clique em Salvar.
Adicionar um seletor de moeda
Adicione um seletor de moeda apenas se você tiver habilitado a opção várias moedas.
- No admin da Shopify, acesse Loja virtual > Temas.
- Ao lado de Brooklyn, clique em Personalizar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
- No app da Shopify, toque em Loja.
- Na seção Canais de vendas, toque em Loja virtual.
- Toque em Gerenciar temas.
- Ao lado de Brooklyn, toque em Personalizar.
- Toque em Editar.
Clique em Rodapé.
Em Seletor de moeda, marque a opção Exibir seletor de moeda.
Clique em Salvar.