DocumentaçãoCommercePage Builder

Adicionar conteúdo - Recommendations do produto

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Tópicos:

Criado para:

  • Iniciante
  • Intermediário
  • Usuário

Use o tipo de conteúdo Recommendations 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 de CMS.

NOTE
O tipo de conteúdo do Page Builder Recommendations de Produto tem suporte no Adobe Commerce 2.4.4 e posterior e está disponível no metapackage do Product Recommendations versões 3.0.x ou posterior. Para adicionar o suporte do Page Builder ao Product Recommendations, 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 do Recommendations do produto

Ferramenta
Ícone
Descrição
Mover
Ícone Mover {width="25"}
Move o container de recomendação do produto e seu conteúdo para outra posição no estágio.
Configurações
Ícone de 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
Ícone Ocultar {width="25"}
Oculta o container de recomendação do produto atual e seu conteúdo.
Mostrar
Mostrar ícone {width="25"}
Mostra o contêiner de recomendação do produto oculto e seu conteúdo.
Duplicar
Ícone duplicado {width="25"}
Faz uma cópia duplicada do container de recomendação de produto e de seu conteúdo.
Remover
Ícone 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

  1. 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.

  1. Abra a página, o bloco ou o bloco dinâmico no modo de edição.

  2. 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.

  3. No painel Page Builder, em Layout, arraste um espaço reservado Row ​para o estágio.

  4. No painel Page Builder, em Add Content, arraste um espaço reservado Product Recommendation ​para a linha.

    Adicionando o tipo de conteúdo de Recomendação de Produto {width="600" modal="regular"}

  5. 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 ( Configurações ).

    Editar recomendação do produto {width="600" modal="regular"}

  6. Na seção Selection, clique em Select.

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

    Recomendação de produto selecionada {width="600" modal="regular"}

  8. 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.

  9. Faça as alterações necessárias nas Configurações avançadas.

    Editar recomendação do produto {width="600" modal="regular"}

  10. Quando terminar, faça o seguinte:

    • Ao trabalhar com uma janela de navegador totalmente maximizada, clique no ícone Fechar Tela cheia ( 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

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

    Caixa de ferramentas de recomendação {width="600" modal="regular"}

  2. Faça as alterações necessárias nas Configurações avançadas.

  3. 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

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

    A duplicata é exibida logo abaixo do original.

  2. 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 ( Mover ícone ) na caixa de ferramentas.

  3. 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

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

  2. Quando for solicitada a confirmação, clique em OK.

Configurações avançadas

  1. Para controlar o posicionamento da unidade Recommendations do 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.

  2. Defina o estilo Border que é aplicado aos quatro lados da unidade Recommendations do 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.

  3. 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.

  4. (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.

  5. 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