Seções estáticas do Brooklyn

Brooklyn inclui seções que são exibidas em todas as páginas da sua loja virtual. Aprenda a personalizar essas seções para adequá-las à sua empresa.

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 logotipo
  • 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 logotipo e cores diferentes para o cabeçalho da página inicial.

Adicionar um logotipo personalizado

  1. Ao lado de Brooklyn, clique em Personalizar.

  2. Clique em Cabeçalho.

  3. Na área Imagem do logotipo, clique em Selecionar imagem e execute uma das seguintes ações:

- Para selecionar uma imagem já carregada no admin da Shopify, clique na aba Biblioteca. - Para usar uma imagem gratuita do Burst, clique em Imagens gratuitas. - Para selecionar uma imagem de seu computador local, clique em Biblioteca > Carregar.

  1. Use o controle deslizante de Largura do logotipo personalizado para personalizar a largura do logotipo.

  2. 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.
  1. Ao lado de Brooklyn, clique em Personalizar.

  2. Clique em Cabeçalho.

  3. Na área Navegação, ajuste as configurações de navegação.

  4. Clique em Salvar.

Adicionar uma barra de comunicados

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>No admin da Shopify, acesse <strong>Loja virtual</strong> &gt; <strong>Temas</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>No <a href="https://www.shopify.com/install/detect">app da Shopify</a>, toque em <strong>Loja</strong>.
</li><li>Na seção <strong>Canais de vendas</strong>, toque em <strong>Loja virtual</strong>.
</li><li>Toque em <strong>Gerenciar temas</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>No <a href="https://www.shopify.com/install/detect">app da Shopify</a>, toque em <strong>Loja</strong>.
</li><li>Na seção <strong>Canais de vendas</strong>, toque em <strong>Loja virtual</strong>.
</li><li>Toque em <strong>Gerenciar temas</strong>.
</li></ol></div>
</div>



1. Ao lado de **Brooklyn**, clique em **Personalizar**.
  1. Clique em Seções.

  2. Clique em Cabeçalho.

  3. Na área Barra de comunicados, marque Exibir comunicado. Selecione Somente página inicial para exibir a mensagem de comunicado apenas na página inicial.

  4. Digite o texto do comunicado no campo Texto.

    1. Opcional: insira uma URL no campo Link para adicionar um link ao comunicado.
  5. Para alterar a cor do plano de fundo da barra de avisos, clique na amostra de cor da barra e escolha uma cor.

  6. Para alterar a cor do texto do comunicado, clique na amostra de cor do texto e escolha uma cor.

  7. Clique em Salvar.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>No admin da Shopify, acesse <strong>Loja virtual</strong> &gt; <strong>Temas</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>No <a href="https://www.shopify.com/install/detect">app da Shopify</a>, toque em <strong>Loja</strong>.
</li><li>Na seção <strong>Canais de vendas</strong>, toque em <strong>Loja virtual</strong>.
</li><li>Toque em <strong>Gerenciar temas</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>No <a href="https://www.shopify.com/install/detect">app da Shopify</a>, toque em <strong>Loja</strong>.
</li><li>Na seção <strong>Canais de vendas</strong>, toque em <strong>Loja virtual</strong>.
</li><li>Toque em <strong>Gerenciar temas</strong>.
</li></ol></div>
</div>



1. Ao lado de **Brooklyn**, clique em **Personalizar**.
  1. Clique em Seções.

  2. Clique em Cabeçalho.

  3. Clique na amostra de cor de Links e ícones e escolha uma cor.

  4. Clique em Salvar.

Habilitar o cabeçalho transparente

Se deseja exibir o logotipo 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.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>No admin da Shopify, acesse <strong>Loja virtual</strong> &gt; <strong>Temas</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>No <a href="https://www.shopify.com/install/detect">app da Shopify</a>, toque em <strong>Loja</strong>.
</li><li>Na seção <strong>Canais de vendas</strong>, toque em <strong>Loja virtual</strong>.
</li><li>Toque em <strong>Gerenciar temas</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>No <a href="https://www.shopify.com/install/detect">app da Shopify</a>, toque em <strong>Loja</strong>.
</li><li>Na seção <strong>Canais de vendas</strong>, toque em <strong>Loja virtual</strong>.
</li><li>Toque em <strong>Gerenciar temas</strong>.
</li></ol></div>
</div>



1. Ao lado de **Brooklyn**, clique em **Personalizar**.
  1. Clique em Seções.

  2. Clique em Cabeçalho.

  3. Na área Cabeçalho transparente, marque Habilitar cabeçalho transparente na página inicial.

  4. Opcional: na área Logotipo transparente, clique em Selecionar imagem e siga um destes procedimentos:

- Para selecionar uma imagem já carregada no admin da Shopify, clique na aba Biblioteca. - Para usar uma imagem gratuita do Burst, clique em Imagens gratuitas. - Para selecionar uma imagem de seu computador local, clique em Biblioteca > Carregar.

  1. 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.

  2. 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.

  1. Ao lado de Brooklyn, clique em Personalizar.

  2. Clique em Seções.

  3. Clique em Rodapé.

  4. Marque a opção Exibir ícones de pagamento.

  5. 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.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>No admin da Shopify, acesse <strong>Loja virtual</strong> &gt; <strong>Temas</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>No <a href="https://www.shopify.com/install/detect">app da Shopify</a>, toque em <strong>Loja</strong>.
</li><li>Na seção <strong>Canais de vendas</strong>, toque em <strong>Loja virtual</strong>.
</li><li>Toque em <strong>Gerenciar temas</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>No <a href="https://www.shopify.com/install/detect">app da Shopify</a>, toque em <strong>Loja</strong>.
</li><li>Na seção <strong>Canais de vendas</strong>, toque em <strong>Loja virtual</strong>.
</li><li>Toque em <strong>Gerenciar temas</strong>.
</li></ol></div>
</div>



1. Ao lado de **Brooklyn**, clique em **Personalizar**.
  1. Clique em Seções.

  2. Clique em Rodapé.

  3. Para selecionar um menu, clique em Alterar. Selecione um menu na lista ou clique em Criar menu para gerar um novo.

  4. Para editar o menu, clique em Editar menu.

  5. Clique em Salvar.

Adicionar um seletor de idioma

Adicione um seletor de idiomas apenas se você tiver habilitado vários idiomas da loja.

  1. Ao lado de Brooklyn, clique em Personalizar.

  2. Clique em Seções.

  3. Clique em Rodapé.

  4. Em Seletor de idiomas, escolha a opção Mostrar seletor de idiomas.

  5. Clique em Salvar.

Adicionar um seletor de moeda

Adicione um seletor de moeda apenas se você tiver habilitado a opção várias moedas.

  1. Ao lado de Brooklyn, clique em Personalizar.

  2. Clique em Seções.

  3. Clique em Rodapé.

  4. Em Seletor de moeda, marque a opção Mostrar seletor de moeda.

Pronto para começar a vender com a Shopify?

Experimente de graça