Documentação do SeedProd

Documentação, materiais de referência e tutoriais para o SeedProd

Como aninhar uma coluna dentro de outra coluna usando um modelo de partes globais

Os blocos de coluna do SeedProd não podem ser aninhados diretamente uns dentro dos outros no construtor. No entanto, você pode obter o mesmo efeito criando um modelo de Parte Global que contenha o layout da coluna interna e, em seguida, inserindo-o em qualquer coluna de qualquer página usando o bloco Parte de Modelo. Essa abordagem também garante que seu layout aninhado permaneça sincronizado automaticamente onde quer que seja utilizado.

Requisitos:O recurso "Global Parts" está disponível nos planos de licença Pro e Elite.


Passo 1: Criar um modelo de peça global

Acesse SeedProd > Construtor de sites e clique em “Adicionar novo modelo”. Na janela pop-up, selecione “Parte do modelo” como tipo, dê um nome a ele e clique em “Criar modelo”. Para obter instruções completas sobre como configurar um modelo de parte global, consulte “Criação de modelos de parte global para garantir a consistência em todo o site”.

Janela pop-up do novo modelo de tema com “Parte do modelo” selecionado como tipo

Passo 2: Crie o layout das colunas internas

No editor de modelos da Global Part, crie o layout de colunas que deseja aninhar. Adicione um bloco de colunas e configure-o com o número de colunas e o conteúdo necessários. Quando o design estiver concluído, clique em Salvar.

Layout de colunas criado dentro de um modelo de Global Part no construtor do SeedProd

Passo 3: Inserir a parte global em uma coluna

Abra a página ou o modelo onde deseja que a coluna aninhada apareça. No painel de blocos, localize o bloco “Template Part” e arraste-o para a coluna onde deseja que o layout aninhado seja exibido. Nas configurações do bloco, selecione o modelo “Global Part” que você criou.

Bloco de parte de modelo sendo arrastado para uma coluna no construtor do SeedProd

Etapa 4: Salve suas alterações

Clique em Salvar para aplicar as alterações. O modelo de Parte Global será exibido dentro da coluna, criando o efeito de coluna aninhada na sua página.


O layout de colunas aninhadas já está pronto. Como ele utiliza um modelo de Parte Global, quaisquer alterações feitas no layout interno são aplicadas automaticamente em todos os locais onde o bloco de Parte de Modelo é utilizado — facilitando a manutenção de designs aninhados consistentes em várias páginas.

Artigos relacionados