Seções do Minimal

O conteúdo do tema é criado com o uso de seções, blocos personalizáveis de conteúdo que determinam o layout e a aparência de diferentes páginas da loja virtual. Para adicionar, remover, editar e personalizar as seções, use o editor de temas atualizado.

Os temas da Shopify têm os seguintes tipos de seções:

  • Seções estáticas: seções que aparecem em locais predeterminados da loja virtual e não podem ser removidas ou reorganizadas. Elas podem incluir cabeçalhos, rodapés e seções de navegação ou de conteúdo em páginas como as de produto e de coleção. A seção Produto, por exemplo, determina a aparência de cada página de produto na loja virtual.
  • Seções dinâmicas: seções opcionais usadas para personalizar o layout da página inicial. Adicione até 25 seções dinâmicas diferentes, que podem ser reorganizadas e removidas na página inicial.

Você pode saber mais sobre a seleção exclusiva de seções de Minimal e aprender a personalizá-las para se adequarem à sua empresa.

Seções estáticas

O Minimal inclui as seguintes seções estáticas:

  • Cabeçalho
  • Rodapé
  • Páginas de produtos
  • Recomendações de produtos
  • Páginas de coleções
  • Página da lista de coleções
  • Blog
  • Artigo
  • Página do carrinho

Seções dinâmicas

O Minimal inclui as seguintes seções dinâmicas:

  • Posts do blog
  • Lista de coleções
  • Coleção em destaque
  • Galeria
  • Imagem com texto
  • Apresentação de slides
  • Produto em destaque
  • Newsletter
  • Mapa
  • Rich text
  • Vídeo
  • HTML personalizado

Cabeçalho

O cabeçalho do tema é a seção que aparece no topo de todas as páginas de sua loja.

Personalize os seguintes itens no cabeçalho:

  • Logo
  • Barra de avisos
  • Menu
  • Pesquisa

Adicionar um logo personalizado

É possível adicionar uma imagem do logo personalizado no cabeçalho da loja. O melhor formato é um arquivo .png de fundo transparente. As imagens de logo devem ter 450 x 200 pixels. Você pode redimensionar a imagem do logo ajustando a largura.

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 (em pixels): a largura do logo. - Alinhar logo à esquerda: selecione essa opção para alinhar o logo à margem esquerda da loja. Se desmarcada, o logo fica centralizado.
  1. 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.

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.

  1. Clique em Cabeçalho.
  2. Na área da Barra de avisos, marque Exibir comunicado.
  3. Digite o texto do comunicado.
  4. Opcional: insira um URL para adicionar um link ao comunicado.
  5. Clique em Salvar.

Adicionar um menu

Adicione um menu ao cabeçalho para exibir todos os links e use essa função para destacar as páginas que os clientes acessam com mais frequência. Por exemplo, adicione um menu que contenha links para as coleções.

  1. Clique em Cabeçalho.

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

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

    1. Para centralizar o menu e exibi-lo em uma linha separada, selecione Centralizar menu principal abaixo do logo.
  4. Para adicionar uma linha acima e abaixo do menu e dividi-lo visualmente do resto da loja, selecione Exibir linhas divisórias no cabeçalho.

  5. Clique em Salvar.

Habilitar pesquisa

Adicione uma opção de pesquisa ao cabeçalho para que os clientes localizem itens rapidamente na loja.

  1. Clique em Cabeçalho.
  2. Marque Exibir barra de pesquisa.
  3. 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 menu
  • uma assinatura da newsletter
  • Uma seção de texto com informações sobre sua empresa
  • Um trecho do post mais recente no blog
  • ícones de redes sociais

É possível definir os ícones de redes sociais que aparecem no rodapé usando as configurações do tema.

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. Clique em Rodapé.

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

  3. Clique em Salvar.

Adicionar um menu, uma assinatura da newsletter, texto, ícones de redes sociais ou o post mais recente no blog

  1. Clique em Rodapé.

  2. Adicione um bloco de conteúdo na área Conteúdo, clicando em Adicionar conteúdo. Selecione uma das seguintes opções de bloco de conteúdo:

- [Menu](/manual/online-store/os/menus-and-links)

- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)

- Text


- Social accounts



- Latest blog post

É possível adicionar até seis blocos de conteúdo.

Para remover um bloco de conteúdo, clique no bloco e, depois, clique em Remover conteúdo.

Para personalizar um bloco de conteúdo, clique no bloco e edite as configurações.

  1. Clique em Salvar.

Páginas de produtos

É nessa página que você vê todas as informações sobre o produto e o botão Adicionar ao carrinho. Cada produto tem uma página própria na loja. É possível personalizar o visual e a funcionalidade de um produto na seção Páginas de produto.

A seção de páginas de produto apresenta as seguintes configurações:

Configurações

  • Exibir fabricante do produto: mostre a marca ou o fabricante do produto. Adicione um fabricante ao produto para ver essas informações.
  • Exibir seletor de quantidade - permita que os usuários especifiquem uma quantidade a adicionar ao carrinho.
  • Tipo de zoom da imagem: defina o estilo de zoom para as imagens do produto. Selecione Sem zoom para impedir que os clientes ampliem as imagens.
  • Posição da miniatura do produto: defina o local das miniaturas de outras imagens de produtos.

Descrição

  • Exibir uma aba ao lado da descrição do produto: mostre o conteúdo de uma página, como uma tabela de medidas ou a política de devolução, em outra aba. Selecione a página a ser exibida em Conteúdo da aba.
  • Habilitar o compartilhamento de produtos: mostre os botões que os clientes podem usar para compartilhar produtos nas redes sociais. A opções de compartilhamento exibidas são controladas nas configurações de tema.

Formulário de opções de produtos

  • Exibir botão de checkout dinâmico: adicione um botão de checkout dinâmico.
  • Tamanho do botão e do seletor de variante: defina o tamanho do seletor de variante, do botão Adicionar ao carrinho e do botão de checkout dinâmico.

Personalizar suas páginas de produto

  1. Selecione Páginas de produtos.
  2. Clique na seção páginas de produtos.
  3. Use as configurações para personalizar a seção de páginas de produto.
  4. Clique em Salvar.

Recomendações de produtos

Você pode Exibir produtos recomendados em páginas de produto para facilitar aos clientes a descoberta de outros produtos que possam interessá-los.

Habilitar recomendações de produtos

  1. Selecione Páginas de produtos.

  2. Clique na seção Recomendações de produto.

  3. Marque a opção Exibir recomendações dinâmicas para mostrar recomendações nas páginas de produtos.

  4. Opcional: para alterar o título que aparece acima dos produtos recomendados, insira outro no campo Título.

    1. Opcional: escolha como as recomendações de produto são exibidas marcando uma ou mais das seguintes opções: * Exibir fabricante do produto * Exibir círculo de promoção * Centralizar texto abaixo das imagens do produto
  5. Clique em Salvar.

Páginas de coleções

Páginas de coleções é a principal seção personalizável para páginas de coleções

  • Exibir fabricante do produto: mostre o fabricante de cada produto abaixo do título do produto.
  • Exibir círculo de produto em oferta: exiba um selo em produtos em promoção.
  • Exibir círculo de produto esgotado: adicione um selo e uma sobreposição se o nível de estoque for zero.
  • Habilitar a organização de coleções: permita que o cliente organize os produtos nas páginas de coleções.
  • Habilitar filtragem por tag de produto: permita que os clientes filtrem a coleção por tag de produto.
  • Centralizar texto abaixo das imagens do produto: centralizar o nome, o preço e o fabricante abaixo da imagem de cada produto.

Editar as configurações de páginas de coleções

  1. Selecione Páginas de coleções.
  2. Clique na seção Páginas de coleções.
  3. Use as configurações para personalizar a seção de páginas de coleção.
  4. Clique em Salvar.

Blog

Se vários membros da equipe escrevem os posts do blog, talvez você queira exibir automaticamente o nome do autor de cada post na página Blogs.

Exibir o autor do post do blog

  1. Selecione Blogs.
  2. Clique na seção Blog.
  3. Marque Exibir autor do artigo do blog.
  4. Clique em Salvar.

Artigo

Artigo é a principal seção personalizável das páginas de artigos de sua loja. O modelo Artigo é usado para posts do blog.

A seção "Artigo" conta com as seguintes configurações:

  • Exibir autor do post do blog: selecione essa opção quando vários membros da equipe escrevem os posts do blog. Assim, é possível exibir o autor abaixo do título do artigo.
  • Habilitar compartilhamento de post do blog: exiba botões de compartilhamento em redes sociais nos posts do blog. Escolha as plataformas nas configurações de redes sociais.

Personalizar a seção de artigos

  1. Selecione Posts do blog.
  2. Clique na seção Artigo.
  3. Use as configurações para personalizar a seção de artigos.
  4. Clique em Salvar.

Página do carrinho

Páginas de carrinho é a principal seção personalizável do carrinho da loja virtual. Nessa página, é possível habilitar observações do carrinho para que os clientes incluam instruções especiais nos pedidos.

Habilitar observações de pedido

  1. Selecione Carrinho.
  2. Clique na seção Páginas do carrinho.
  3. Selecione Habilitar observações de pedido.
  4. Clique em Salvar.

Coleção em destaque

Você pode destacar uma coleção na sua página inicial. Destacar coleções pode ajudar você a promover vendas e novas coleções.

A seção Coleção em destaque apresenta as seguintes configurações:

  • Título: insira o texto que aparece acima dos produtos na coleção. O texto padrão é Coleção em destaque.
  • Coleção: escolha a coleção a ser exibida na seção.
  • Produtos por linha: defina o número de produtos a serem exibidos em cada linha da seção.
  • Linhas: defina o número de linhas de produtos a serem exibidas na seção.
  • Exibir fabricante do produto: mostre o fabricante de cada produto abaixo do título do produto.
  • Exibir círculo "Oferta": mostre um selo nos produtos em promoção.
  • Exibir círculo "Esgotado": adicione um selo e uma sobreposição se o nível de estoque do produto for zero.
  • Centralizar texto abaixo das imagens do produto: centralizar o nome, o preço e o fabricante abaixo da imagem de cada produto.

Adicionar uma coleção em destaque à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Coleções em destaque e, depois, em Selecionar.
  3. Clique em Selecionar coleção e escolha uma na lista Coleção.
  4. Use as configurações para personalizar a seção de coleção em destaque.
  5. Clique em Salvar.

Apresentação de slides

Você pode criar uma apresentação de slides da página inicial que rode até seis imagens.

O tamanho recomendado para as imagens dos slides é de 1280 x 460 pixels.

A seção de apresentação de slides apresenta as seguintes configurações:

Conteúdo

  • Imagem: adicione um slide de imagem à sua apresentação de slides.
  • Posição da imagem: escolha a área mais importante da imagem para focar na apresentação de slides.
  • Opacidade da sobreposição: defina a opacidade da sobreposição da imagem. Uma sobreposição escurece a aparência de suas imagens e pode facilitar a leitura do texto da apresentação de slides.
  • Cor do texto: defina a cor do texto da apresentação de slides.
  • Alinhamento de texto: alinha o texto relativo aos slides.
  • Cabeçalho: adicione um cabeçalho ao seu slide.
  • Etiqueta de botão: adicione um botão com uma etiqueta de texto ao seu slide.
  • Link de botão: defina o URL ou a página que você quer vincular ao botão. Cole o URL ou selecione uma página no menu. Se você não quiser incluir um botão na seção, deixe esse campo em branco.

Configurações

  • Altura do slide: defina a altura da apresentação de slides. Selecione Adaptar à altura da imagem do primeiro slide para basear a altura da apresentação de slides na altura de sua primeira imagem.
  • Rotação automática de slides: defina como automática a apresentação de slides.
  • Alterar slides a cada: selecione a frequência de alteração dos slides.
  • Efeito de transição: decida se quer que as imagens deslizem ou desapareçam.
  • Tamanho do texto: defina o tamanho de seu texto de apresentação dos slides.

Adicione uma apresentação de slides à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Apresentação de slides e, depois, em Selecionar.
  3. Use as configurações para personalizar a apresentação de slides.
  4. Clique em Salvar.

Newsletter

Você pode adicionar uma assinatura de newsletter à sua página inicial. Isso permite coletar endereços de e-mail de clientes para campanhas de e-mail marketing. Saiba mais sobre e-mail marketing no blog da Shopify.

Adicionar uma área para assinatura de newsletter à sua página inicial

  1. Clique em Adicionar seção.

  2. Clique em Newsletter e, depois, em Selecionar.

  3. Digite um título para a assinatura da newsletter.

  4. Insira um subtítulo para a assinatura da newsletter.

  5. Defina a cor de fundo para a seção de assinatura de newsletter clicando na amostra Cor de fundo e escolhendo uma cor.

  6. Clique em Salvar.

Mapa

Você pode adicionar um mapa do Google à sua página inicial para mostrar aos clientes onde sua empresa está localizada.

A seção de mapa apresenta as seguintes configurações:

  • Título: adicione um título à seção de mapa.
  • Endereço e horário: adicione o endereço e horário de funcionamento de sua loja à seção de mapa.
  • Endereço do mapa: defina a localização de sua loja para exibição no mapa.
  • Marcador de link do mapa: adicione um botão com link para a localização de sua loja no Google Maps.
  • Exibir marcador: adicione um marcador que exiba a localização específica de sua loja no mapa.
  • Chave da API do Google Maps: adicione a chave da API de seu mapa à seção de mapa.
  • Imagem: adicione uma imagem para exibição se o mapa não carregar.
  • Posição da imagem: defina o posicionamento da imagem.

Adicionar um mapa à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Mapa e, depois, em Selecionar.
  3. Use as configurações para personalizar a seção de mapa.
  4. Clique em Salvar.

Rich text

Utilize a seção Rich text para adicionar conteúdo escrito à página inicial ou para inserir páginas criadas no admin da Shopify. Por exemplo, é possível dar destaque a eventos futuros ao incorporar a página de seu blog ou exibir uma página com qualquer um dos recursos a seguir:

A seção de rich text apresenta as seguintes configurações:

  • Exibição ampla: reduza as margens nos dois lados de seu texto.
  • Título - adicione um título à seção de rich text.
  • Texto: adicione e formate seu texto personalizado. Para dar destaque a uma página da loja, clique em Adicionar conteúdo e em Página. No menu suspenso, selecione uma página para destacar como sua página inicial.
  • Tamanho: defina o tamanho de seu texto.

Adicionar rich text à página inicial

  1. Clique em Adicionar seção.

  2. Clique em Rich text e em Selecionar.

  3. Use as configurações para personalizar a seção de rich text.

  4. Clique em Salvar.

Vídeo

Você pode adicionar um vídeo do YouTube ou do Vimeo à sua página inicial. Os vídeos podem envolver seus clientes e gerar interesse em relação à sua empresa.

Para adicionar um vídeo, você precisa localizar o link de compartilhamento do vídeo:

  • YouTube: um link de compartilhamento do YouTube tem esta aparência: https://youtu.be/ZXWgHlnVVEY. Saiba como copiar o link de compartilhamento de um vídeo do YouTube neste artigo da Ajuda do YouTube.
  • Vimeo : um link de compartilhamento do Vimeo se parece com este exemplo: https://vimeo.com/123456789. Você pode obter informações sobre como copiar o link de compartilhamento de um vídeo do Vimeo neste artigo da Central de ajuda do Vimeo.

A seção de vídeo apresenta as seguintes configurações:

  • Título: adicione um título à seção de vídeo.
  • Link do vídeo: adicione o link de compartilhamento do vídeo.

Adicionar um vídeo à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Vídeo e em Selecionar.
  3. Personalize a seção de vídeo nas configurações.
  4. Clique em Salvar.

HTML personalizado

Na seção HTML personalizado, você pode usar o código HTML para criar conteúdo personalizado para sua página inicial. Por exemplo, você pode usar HTML para formatar blocos de texto, criar tabelas ou incorporar conteúdo de um site de terceiros.

Adicione uma seção de HTML personalizado à página inicial

  1. Clique em Adicionar seção.

  2. Clique em HTML personalizado e em Selecionar.

  3. Clique em HTML personalizado e insira o código HTML que você deseja adicionar à sua página inicial.

  4. Clique em Salvar.

Tudo pronto para começar a vender com a Shopify?

Experimente de graça