Adicionar conteúdo - Recommendations do produto

Use o Recommendations do produto tipo de conteúdo para adicionar um existente, ativo unidade de recomendação para o Page Builder estágio para uma página, bloco ou bloco dinâmico CMS.

NOTE
A variável Page Builder Recommendations do produto o tipo de conteúdo é compatível com o Adobe Commerce 2.4.4 e posterior e está disponível no Produto Recommendations metapackage versões 3.0.x ou posterior. Para adicionar Page Builder suporte para Recommendations 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 Page Builder conteúdo, é recomendável aumentar o Duração da sessão do 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 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 Duplicar {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 Page Builder tipo de página.
NOTE
É possível criar unidades de recomendação para o Page Builder tipo de página somente na visualização de loja padrão.
  1. Abra a página, o bloco ou o bloco dinâmico no modo de edição.

  2. Expanda a Content ​e clique em Edit with Page Builder ​ou dentro da área de pré-visualização de conteúdo para abrir o Page Builder espaço de trabalho.

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

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

    Adição do tipo de conteúdo de recomendação do 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 Configurações ( Ícone Configurações ) ícone.

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

  6. No 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 do produto selecionado aparece na caixa Selection ​seção do​ Edit Product Recommendation página.

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

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

  10. Quando terminar, faça o seguinte:

    • Se estiver trabalhando com uma janela do navegador totalmente maximizada, clique no botão Fechar tela cheia ( Ícone Fechar tela inteira ) no canto superior direito do espaço de trabalho.

    • Clique em Save para aplicar as configurações e retornar ao Page Builder espaço de trabalho.

    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 de unidade de recomendação para exibir a caixa de ferramentas e clique no Configurações ( Ícone Configurações ) ícone.

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

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

  3. Quando terminar, clique em Save para aplicar as configurações e retornar ao Page Builder espaço de trabalho.

Duplicar uma unidade de recomendação

  1. Passe o mouse sobre o contêiner de unidade de recomendação para exibir a caixa de ferramentas e clique no Duplicar ( Ícone Duplicar ) 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 container e clique no Mover ( Ícone Mover ) 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 container de unidade de recomendação e clique no 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 principal, 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 Border Estilo 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 da 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 dos CSS classes da folha de estilos atual a ser aplicada à unidade.

    Separe vários nomes de classe com um espaço.

  5. Insira valores, em pixels, para o Margins and Padding para determinar 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