Configurar a vitrine eletrônica

Ativar exibição de imagem do produto no AEM Assets enable-product-images

A integração do AEM Assets exibe imagens de produtos do AEM Assets, em vez do Adobe Commerce, permitindo otimização avançada, recorte e entrega de CDN.

Para habilitar a integração em vitrines do Commerce viabilizadas pelo Edge Delivery Services, adicione o parâmetro "commerce-assets-enabled": true ao arquivo de configuração de vitrines (config.json).

{
  "public": {
    "default": {
      "commerce-assets-enabled": true
    }
  }
}

Os menus suspensos do Commerce detectam automaticamente a configuração commerce-assets-enabled e ajustam o tratamento da imagem de acordo.

Para obter mais informações sobre como usar o AEM Assets com a Commerce Storefront habilitada pela Edge Delivery Services, consulte o tópico integração com o AEM Assets na documentação da Adobe Commerce Storefront.

TIP
Para permitir que os autores naveguem e insiram o AEM Assets em páginas de conteúdo estático, consulte Conectar o AEM Assets ao Da.live para criação de conteúdo estático.

Conectar o AEM Assets ao Da.live para criação de conteúdo estático connect-aem-assets-authoring

NOTE
Essa configuração é separada da extensão Integração do AEM Assets. Fornecido pelo Da.live, permite que os autores naveguem e insiram AEM Assets em páginas de conteúdo estático (por exemplo, páginas de aterrissagem ou blocos de conteúdo) por meio do painel Library e do Content Advisor. Imagens de produtos sincronizadas por meio da Integração do AEM Assets são configuradas separadamente usando a configuração commerce-assets-enabled.

Use as etapas a seguir para conectar o AEM Assets a uma loja de Criação de documentos (Da.live) para que os autores possam navegar e inserir o AEM Assets a partir do Content Advisor ao editar conteúdo estático.

NOTE
Para obter instruções detalhadas de configuração, consulte Configurar o AEM Assets na documentação da Da.live e Integrar o AEM Assets durante a criação de conteúdo para o Edge Delivery Services na documentação do AEM Assets.

Etapa 1: abrir a configuração do site no Da.live

  1. No Da.live, localize e abra sua loja.

  2. Na navegação estrutural, selecione o ícone Settings ao lado do nome do site para abrir a planilha de configuração do site.

Etapa 2: Copiar o URL do repositório do AEM

  1. Em uma nova guia, vá para experience.adobe.com e navegue até Experience Manager.

  2. Abra o Adobe Experience Manager Assets: role até a seção My Authoring e selecione Assets ao lado do ambiente Production.

  3. Na barra de endereços do navegador, copie o segmento que começa com author até .com (inclusive), por exemplo, author-p107634-e1009805.adobeaemcloud.com.

Etapa 3: adicionar a ID do repositório à sua configuração

  1. Para configurar o site, volte para Da.live e selecione data na configuração do site.

  2. Preencha a planilha da seguinte maneira:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2
    Célula Valor
    A1 key
    B1 value
    A2 aem.repositoryId
    B2 O URL copiado na Etapa 2
  3. Selecione Save e depois selecione a seta para trás ao lado do nome do site para retornar à raiz do site.

    note
    NOTE
    O host author- com prefixo procura ativos na camada do autor. Para entregar ativos por meio do Dynamic Media, use um host com prefixo delivery-. Para todas as opções de aem.repositoryId, consulte Configurar AEM Assets.

Etapa 4: conectar o AEM Assets por meio da biblioteca

  1. Na raiz do site, selecione a pasta index para abri-la.

  2. No editor, abra o painel Library e selecione AEM Assets.

    O popover Content Advisor é aberto e mostra suas pastas e arquivos do AEM Assets.

Sua loja agora está conectada ao AEM Assets. Você pode procurar e inserir ativos diretamente do Content Advisor.

Documentação relacionada

recommendation-more-help
commerce-help-aem-assets-integration