Adicionar conteúdo - Bloco dinâmico

14 de julho de 2024

Tópicos:

Criado para:

Iniciante
Intermediário
Usuário

Use o tipo de conteúdo Bloco Dinâmico para adicionar um bloco dinâmico existente ao Page Builder estágio.

Bloco dinâmico na loja

NOTE

Se você estiver fazendo alterações significativas no conteúdo de Page Builder, é recomendável aumentar o Tempo de Vida da Sessão de Administrador para evitar que a sessão atinja o tempo limite enquanto você trabalha.

Caixa de ferramentas Bloco dinâmico

Ferramenta

Ícone

Descrição

Mover

Move o contêiner de bloco e seu conteúdo para outra posição no palco.

Configurações

Abre a página Editar Bloco, na qual você pode escolher o bloco e alterar as propriedades do contêiner.

Ocultar

Oculta o container de bloco atual e seu conteúdo.

Mostrar

Mostra o contêiner de bloco oculto e seu conteúdo.

Duplicar

Faz uma cópia do contêiner de bloco e de seu conteúdo.

Remover

Exclui o contêiner de bloco e seu conteúdo do estágio.

NOTE

Os elementos ocultos são armazenados no banco de dados e invisíveis para os clientes. No entanto, esses elementos são visíveis para mecanismos de pesquisa e outros bots que rastreiam seu site. Eles também são retornados como parte do conteúdo, se solicitado por meio de uma chamada de API com um atributo de invisibilidade, a menos que você os remova do estágio.

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:

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:

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:

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:

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.

Á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 ( ) na caixa de ferramentas.
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.

recommendation-more-help