Seções e blocos

Os temas usamseçõespara gerar o layout ideal. A maioria das seções é composta porblocoscom funções específicas, como cabeçalhos, textos, imagens individuais, uma colagem de imagens ou links. O uso de seções e blocos nos modelos proporciona mais flexibilidade para organizar o conteúdo, o que permite controlar a aparência da loja virtual sem editar o código. Vale destacar que cada modelo pode ter até 25 seções.

Para cada seção existe uma variedade específica de blocos que podem ser adicionados a ela, respeitando o limite de 50. Para saber quais opções estão disponíveis para você, consulte a documentação do seu tema.

Algumas瑞士tem嗯numero-limite de blocos问você pode adicionar ou definem o número de blocos de um determinado tipo. Por exemplo, a seçãoImagem com textosó pode exibir os blocos especificados pelo designer do tema. NoDawn, o tema gratuito da Shopify, só é possível adicionar um de cada um dos seguintes blocos:

• Um título
• Um parágrafo
• Um botão

Também é possível personalizar a seção, basta editar asConfiguraçõespara incluir uma imagem e escolher o alinhamento, o tamanho, a cor do plano de fundo e o que será carregado primeiro quando os clientes visitarem a loja virtual.

Caso as seções adicionadas ao layout da loja não incluam as configurações ou as opções de que você precisa,edite o código do temaouentre em contato com o desenvolvedor do tema para receber ajuda.

Personalizar os modelos de tema com seções e blocos

Quando você abre o editor de temas, a página inicial da loja é carregada por padrão. Use o menu suspenso para selecionar outro modelo ou pesquisar um tipo específico de página. O modelo escolhido é carregado no editor de temas e todas as alterações feitas são pré-visualizadas na ferramenta em tempo real.

Adicionar uma seção

Adicione uma nova seção a uma página da loja virtual.

Etapas:

1. Selecione um modelo no menu suspenso.
2. Clique em+ Adicionar seçãoe selecione uma nova seção na lista ou use a barra dePesquisapara encontrar um termo específico.
3. Clique na nova seção para editar os blocos dela.
4. Opcional: clique e arraste o ícone⋮⋮ao lado de uma seção para reorganizar as seções na página.
5. Clique emSalvar.

Editar uma seção

1. No menu suspenso, selecione o modelo que contém a seção que você quer editar.
2. Clique em uma seção para carregar o conteúdo na janela de pré-visualização e acessar as opções disponíveis para você.
3. Opcional: clique em blocos individuais para editá-los dentro da seção.
4. Clique emSalvar.

Duplicar uma seção ou bloco

1. No menu suspenso, selecione o modelo que contém a seção ou o bloco que você quer duplicar.
2. Clique em uma seção ou um bloco que você quer duplicar.
3. Clique no botão...ao lado do nome da seção na barra lateral e emDuplicar.
4. Clique emSalvar.

Remover uma seção ou bloco

1. No menu suspenso, selecione o modelo que contém a seção que você quer editar.
2. Clique em uma seção para carregar o conteúdo na janela de pré-visualização e acessar as opções disponíveis para você.
3. Clique no ícone do olho para ocultar ou exibir uma seção ou bloco.
4. Clique emRemoverpara excluir um bloco ou seção.

Algumas seções têm tipos e limites de blocos fixos. Se houver um limite para uma seção ou um bloco específico, a interface informa que você usou X de X blocos disponíveis. Caso você tenha usado o número máximo de blocos, não será possível adicionar outros blocos até a exclusão de um já existente.

Trabalhar com blocos

Os blocos são módulos personalizáveis que formam as seções nos modelos de página e podem ser usados para adicionar texto, imagens, links, botões e muito mais.

Os temas da Shopify têm seções e blocos personalizáveis. No entanto, algumas seções contam com tipos fixos de bloco, ou seja, só é possível escolher aqueles disponibilizados pelo designer do tema. Já em outras é possível selecionar qualquer bloco, mas há um limite total que pode ser adicionado à seção. Uma mensagem é exibida quando esse número máximo é atingido, e a opção+ Adicionar blocofica esmaecida até um bloco ser removido.

Adicionar um bloco

1. No menu suspenso, selecione o modelo que contém a seção que você quer editar.
2. Clique em uma seção para carregar o conteúdo na janela de pré-visualização e acessar as opções disponíveis para você.
3. Clique em+ Adicionar blocoe selecione um novo bloco ou clique na barra dePesquisapara inserir um termo específico.
4. Clique emSalvar.

Usar metacampos e fontes dinâmicas

É possível exibir informações dinâmicas na loja virtual: se você tiver um tema compatível com metacampos, poderá conectá-los a uma seção ou um bloco no editor de temas.

Por exemplo, um vendedor de velas pode querer exibir tempos de queima para cada tipo de vela disponível. Depois de configurar um metacampo de produto para esse dado, o vendedor pode adicionar um bloco para tempo de queima ao modelo do produto e conectá-lo ao metacampo de produto. Depois de configurar um metacampo de coleção para uma página que lista os tempos de queima, o vendedor pode adicionar um bloco ao modelo de coleção e conectá-lo ao metacampo de coleção.

Para exibir informações dinâmicas na loja virtual, adicione origens dinâmicas, que podem ser usadas em seções ou blocos no modelo do produto. Em modelos que não são de produtos, use o recurso em seções ou blocos que mostram itens. Vale lembrar que é necessárioadicionar um metacampoantes de conectá-lo aos modelos. ConsulteOrigens dinâmicaspara saber mais sobre como usar metacampos e origens dinâmicas no tema.

Após concluir o processo de configuração, siga estas etapas para inserir a origem dinâmica no modelo:

1. No menu suspenso, selecione o modelo que contém a seção que você quer editar.
2. Clique em uma seção existente para carregar o conteúdo na janela de pré-visualização e acessar as opções disponíveis ou clique em*+ Adicionar seção*.
3. Clique em+ Adicionar blocoe, em seguida, conecte uma origem dinâmica:

• Se o ícone de conectar origem dinâmica for exibido, clique para selecionar um único metacampo:

  

• Se o ícone de conectar origem dinâmica exibir um+, clique para selecionar até 20 metacampos adicionando um de cada vez:

  

1. Clique emSalvar.