Seções estáticas do Brooklyn
O Brooklyn conta com diversas seções estáticas que aparecem em locais predeterminados em sua loja virtual. Não foi possível remover nem reorganizar essas seções e elas podem ter 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. A alteração do nome da loja pode ser feita na página Configurações gerais do admin da Shopify.
-
Largura personalizada do logo: 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. 2. Na área Imagem do logo, clique em Selecionar imagem e siga um destes procedimentos: * Para selecionar uma imagem que você já carregou no admin da Shopify, clique na aba Biblioteca. * Para selecionar uma imagem em seu computador local, clique em Biblioteca > Carregar. 3. Use as configurações para personalizar o tamanho e o posicionamento do logo. 4. 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 menu na barra lateral em vez do menu 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 uma 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 deseja 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 Carregar.
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. Nessa área são exibidos os ícones associados ao provedor de pagamento habilitado na seção Configurações de pagamento do admin.
- 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é. Assim todos os links do menu serão exibidos no rodapé e poderão ser usados para destacar páginas comuns que os clientes querem acessar. Por exemplo, é possível adicionar um menu que contenha links para a página de contato, a página de informações de frete e sua 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 Mostrar 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 Mostrar seletor de moeda.
Clique em salvar.