[Somente PaaS]{class="badge informative" title="Aplica-se somente a projetos do Adobe Commerce na nuvem (infraestrutura do PaaS gerenciada pela Adobe) e a projetos locais."}

Adicionar conteúdo - Recomendações de produto

Last update: Thu Sep 04 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

Tópicos:

Criado para:

Iniciante
Intermediário
Usuário

Use o tipo de conteúdo Recomendações de Produto para adicionar uma unidade de recomendação existente e ativaPage Builder ao estágio para uma página, bloco ou bloco dinâmico do CMS.

NOTE

O tipo de conteúdo Page Builder Recomendações de Produto tem suporte no Adobe Commerce 2.4.4 e posterior e está disponível no metapackage de Recomendações de Produto versões 3.0.x ou posterior. Para adicionar o suporte do Page Builder às Recomendações de Produto, consulte as informações de instalação. Este tipo de conteúdo não está disponível para o Magento Open Source.

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 Recomendações de produto

Ferramenta

Ícone

Descrição

Mover

{width="25"}

Move o container de recomendação do produto e seu conteúdo para outra posição no estágio.

Configurações

{width="25"}

Abre a página Editar recomendação do produto, na qual você pode escolher a unidade de recomendação e alterar as propriedades do container.

Ocultar

{width="25"}

Oculta o container de recomendação do produto atual e seu conteúdo.

Mostrar

{width="25"}

Mostra o contêiner de recomendação do produto oculto e seu conteúdo.

Duplicar

{width="25"}

Faz uma cópia duplicada do container de recomendação de produto e de seu conteúdo.

Remover

{width="25"}

Exclui o container de recomendação do produto 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 uma unidade de recomendação existente

Verifique se você já criou uma unidade de recomendação para o tipo de página Page Builder.

NOTE

Você pode criar unidades de recomendação para o tipo de página Page Builder somente na exibição de armazenamento padrão.

Abra a página, o bloco ou o bloco dinâmico no modo de edição.
Expanda a seção Content e clique em Edit with Page Builder ou dentro da área de visualização de conteúdo para abrir o espaço de trabalho Page Builder.
No painel Page Builder, em Layout, arraste um espaço reservado Row para o estágio.
No painel Page Builder, em Add Content, arraste um espaço reservado Product Recommendation para a linha.

{width="600" modal="regular"}
Siga um destes procedimentos:
- Clique em Edit Product Recommendation.
- Passe o mouse sobre o container vazio para exibir a caixa de ferramentas e clique no ícone Configurações ( ).
{width="600" modal="regular"}
Na seção Selection, clique em Select.
Na lista de recomendações de produtos ativas, localize a linha com a unidade de recomendação que deseja adicionar e clique em Select na última coluna.

{width="600" modal="regular"}
No canto superior direito, clique em Add Selected.

O nome da recomendação de produto selecionada aparece na seção Selection da página Edit Product Recommendation.
Faça as alterações necessárias nas Configurações avançadas.

{width="600" modal="regular"}
Quando terminar, faça o seguinte:
- Ao trabalhar com uma janela de navegador totalmente maximizada, clique no ícone Fechar Tela cheia ( ) no canto superior direito do espaço de trabalho.
- Clique em Save para aplicar as configurações e retornar ao espaço de trabalho Page Builder.
Ao retornar ao estágio, as imagens de espaço reservado do produto são exibidas no contêiner.

Editar configurações de unidade de recomendação

Passe o mouse sobre o contêiner da unidade de recomendação para exibir a caixa de ferramentas e clique no ícone Configurações ( ).

{width="600" modal="regular"}
Faça as alterações necessárias nas Configurações avançadas.
Quando terminar, clique em Save para aplicar as configurações e retornar ao espaço de trabalho Page Builder.

Duplicar uma unidade de recomendação

Passe o mouse sobre o contêiner da unidade de recomendação para exibir a caixa de ferramentas e clique no ícone Duplicar ( ) na caixa de ferramentas.

A duplicata é exibida logo abaixo do original.
Para mover a unidade de recomendação duplicada para uma nova posição, passe o mouse sobre o contêiner e clique no ícone Mover ( ) na caixa de ferramentas.
Selecione e arraste a unidade de recomendação 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 a unidade de recomendação é movida.

Remover uma unidade de recomendação do estágio

Passe o mouse sobre o contêiner da unidade de recomendação e clique no ícone Remover ( ) na caixa de ferramentas.
Quando for solicitada a confirmação, clique em OK.

Configurações avançadas

Para controlar o posicionamento da unidade de Recomendações de Produto no contêiner pai, escolha a 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 unidade ao longo da borda esquerda do contêiner pai, com permissão para qualquer preenchimento especificado.
`Center`	Alinha a unidade no centro do contêiner pai, com permissão para qualquer preenchimento especificado.
`Right`	Alinha a unidade ao longo da borda direita do contêiner pai, com permissão para qualquer preenchimento especificado.

Defina o estilo Border que é aplicado aos quatro lados da unidade de Recomendações de Produto:

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 unitárias.
`Dotted`	A borda da unidade aparece como uma linha pontilhada.
`Dashed`	A borda da unidade aparece como uma linha tracejada.
`Solid`	A borda da unidade aparece como uma linha sólida.
`Double`	A borda da unidade aparece como uma linha dupla.
`Groove`	A borda da unidade aparece como uma linha entalhada.
`Ridge`	A borda da unidade aparece como uma linha cortada.
`Inset`	A borda da unidade aparece como uma linha interna.
`Outset`	A borda da unidade 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 à unidade.

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 da unidade.

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 da unidade. Opções: `Top` / `Right` / `Bottom` / `Left`
Padding	A quantidade de espaço em branco aplicada à borda interna de todos os lados da unidade. Opções: `Top` / `Right` / `Bottom` / `Left`

recommendation-more-help

85b60248-86a4-4d5f-9933-5179643f608d