Adicionar conteúdo - Bloquear
Use o tipo de conteúdo Bloco para adicionar um bloco ativo existente ao Page Builder estágio. No exemplo a seguir, a primeira coluna contém o bloco com um menu lateral para a página. A segunda coluna contém uma imagem.
Bloquear caixa de ferramentas






Adicionar um bloco existente
-
Navegue até o espaço de trabalho Page Builder na página de destino, bloco, bloco dinâmico, produto ou categoria.
-
No painel Page Builder, expanda Add Content e arraste um espaço reservado Block para o estágio.
-
Passe o mouse sobre o contêiner de blocos vazios para exibir a caixa de ferramentas e escolha o ícone Configurações (
-
Clique em Select Block.
-
Na linha do bloco que deseja adicionar, clique em Select na última coluna.
O nome do bloco selecionado aparece na página.
-
Preencha as configurações restantes conforme necessário, usando as descrições de campo no final desta página para referência.
-
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 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 um estilo Border que seja aplicado a todos os quatro lados do contêiner de bloco:
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 blocos.
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 bloco
-
Passe o mouse sobre o contêiner de blocos e escolha o ícone Configurações (
-
Para escolher um bloco diferente, clique em Select Block.
- Na lista de blocos ativos, clique no bloco Select que deseja adicionar.
- Clique em Add Selected.
-
Atualize as configurações restantes conforme necessário, usando as descrições de campo no final desta página para referência.
-
Quando terminar, clique em Save para aplicar as configurações e retornar ao espaço de trabalho Page Builder.
Duplicar um bloco
-
Passe o mouse sobre o contêiner de blocos para exibir a caixa de ferramentas e escolha o ícone Duplicar (
A duplicata é exibida logo abaixo do original.
-
Para mover o novo bloco para uma nova posição, passe o mouse sobre o contêiner e clique em Mover (
-
Selecione e arraste o bloco 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 é movido.
Remover um bloco do estágio
-
Passe o mouse sobre o contêiner de blocos para exibir a caixa de ferramentas e escolha o ícone Remover (
-
Quando for solicitada a confirmação, clique em OK.