Adicionar conteúdo - Bloco dinâmico
Use o tipo de conteúdo Bloco Dinâmico para adicionar um bloco dinâmico existente ao Page Builder estágio.
Caixa de ferramentas Bloco dinâmico
![Ícone Mover](./media_1224013998716f9ac04c80146b04284c714a0f6df.png?width=750&format=png&optimize=medium)
![Ícone de configurações](./media_1005459c1431738d0f1a2e69d5c4952c8e7d5975a.png?width=750&format=png&optimize=medium)
![Ícone Ocultar](./media_177895fcf55b9b00ed79d2f6048c39269cba17682.png?width=750&format=png&optimize=medium)
![Mostrar ícone](./media_18b0e1c3886d1f2d0ce57176395ac2663b761f5d3.png?width=750&format=png&optimize=medium)
![Ícone duplicado](./media_1d20e9c33185846c6ce9b8ad56d7e52d49d00f42f.png?width=750&format=png&optimize=medium)
![Ícone Remover](./media_1449694d11bdc3b5405f3bb2b059606a5d8eb3581.png?width=750&format=png&optimize=medium)
Adicionar um bloco dinâmico existente ao estágio
-
Navegue até o espaço de trabalho Page Builder na página de destino, bloco, produto ou categoria.
-
No painel Page Builder, expanda Add Content e arraste um espaço reservado Dynamic Block para o estágio.
-
Passe o mouse sobre o contêiner de bloco dinâmico vazio para exibir a caixa de ferramentas e escolha o ícone Configurações (
-
Na página Editar Bloco Dinâmico, clique em Select Dynamic Block e use a lista para selecionar o bloco.
Na lista, localize o bloco dinâmico que deseja inserir e clique em Select. Em seguida, clique em Add Selected.
Um resumo das informações de bloco dinâmico aparece abaixo.
-
Defina Template como um dos seguintes:
table 0-row-2 1-row-2 2-row-2 layout-auto Opção Descrição Dynamic Block Block Template
Adiciona um bloco independente. Dynamic Block Inline Template
Insere o conteúdo do bloco no texto. -
Complete as Configurações avançadas, conforme necessário.
-
Quando terminar, clique em Save para aplicar as configurações e retornar ao espaço de trabalho Page Builder.
Configurações avançadas
-
Para controlar o posicionamento do bloco dinâmico no contêiner pai, escolha um Alignment:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto Opção Descrição Default
Aplica a configuração padrão de alinhamento especificada na folha de estilos do tema atual. Left
Alinha a lista ao longo da borda esquerda do contêiner principal, com permissão para qualquer preenchimento especificado. Center
Alinha a lista no centro do contêiner pai, com permissão para qualquer preenchimento especificado. Right
Alinha o bloco ao longo da borda direita do contêiner principal, com permissão para qualquer preenchimento especificado. -
Defina o estilo Border que é aplicado a todos os quatro lados do contêiner de bloco dinâmico:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto Opção Descrição Default
Aplica o estilo de borda padrão especificado pela folha de estilos associada. None
Não fornece nenhuma indicação visível das bordas do contêiner. Dotted
A borda do contêiner aparece como uma linha pontilhada. Dashed
A borda do contêiner aparece como uma linha tracejada. Solid
A borda do contêiner aparece como uma linha sólida. Double
A borda do contêiner aparece como uma linha dupla. Groove
A borda do contêiner é exibida como uma linha com ranhura. Ridge
A borda do contêiner aparece como uma linha estriada. Inset
A borda do contêiner aparece como uma linha interna. Outset
A borda do contêiner aparece como uma linha de saída. -
Se você definir um estilo de borda diferente de
None
, conclua as opções de exibição de borda:table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto Opção Descrição Border Color Especifique a cor escolhendo uma amostra, clicando no seletor de cores ou inserindo um nome de cor válido ou um valor hexadecimal equivalente. Border Width Insira o número de pixels para a largura da linha de borda. Border Radius Insira o número de pixels para definir o tamanho do raio usado para arredondar cada canto da borda. -
(Opcional) Especifique os nomes de CSS classes da folha de estilos atual para aplicar ao contêiner.
Separe vários nomes de classe com um espaço.
-
Insira valores, em pixels, para que Margins and Padding determine as margens externas e o preenchimento interno do contêiner de bloco dinâmico.
Insira os valores correspondentes no diagrama.
table 0-row-2 1-row-2 2-row-2 layout-auto Área de contêiner Descrição Margins A quantidade de espaço em branco aplicada à borda externa de todos os lados do container. Opções: Top
/Right
/Bottom
/Left
Padding A quantidade de espaço em branco aplicada à borda interna de todos os lados do contêiner. Opções: Top
/Right
/Bottom
/Left
Editar configurações de contêiner de bloco dinâmico
-
Passe o mouse sobre o contêiner de bloco dinâmico para exibir a caixa de ferramentas e escolher o ícone Configurações (
-
Se necessário, altere o bloco dinâmico:
-
Clique em Select Dynamic Block.
-
Na lista de blocos dinâmicos ativos, clique em Select para o bloco que deseja adicionar.
-
-
Atualize as configurações restantes conforme necessário.
-
Quando terminar, clique em Save para aplicar as configurações e retornar ao espaço de trabalho Page Builder.
Duplicar um bloco dinâmico
-
Passe o mouse sobre o contêiner de bloco dinâmico para exibir a caixa de ferramentas e escolher o ícone Duplicar (
A duplicata é exibida logo abaixo do original.
-
Para mover o novo bloco dinâmico para uma posição diferente, passe o mouse sobre o contêiner e escolha Mover (
-
Selecione e arraste o bloco dinâmico até que a diretriz vermelha apareça na nova posição.
As bordas superior e inferior de cada contêiner são exibidas como linhas tracejadas enquanto o bloco dinâmico é movido.
Remover um bloco dinâmico do estágio
-
Passe o mouse sobre o contêiner de bloco dinâmico para exibir a caixa de ferramentas e escolha o ícone Remover (
-
Quando for solicitada a confirmação, clique em OK.