Configurar tu tienda

Habilitar la visualización de la imagen del producto desde los AEM Assets enable-product-images

La integración de AEM Assets muestra imágenes de productos de AEM Assets en lugar de Adobe Commerce, lo que permite una optimización avanzada, un recorte y una entrega de CDN.

Para habilitar la integración en tiendas de Commerce con tecnología de Edge Delivery Services, agregue el parámetro "commerce-assets-enabled": true al archivo de configuración de la tienda (config.json).

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

Los complementos de Commerce detectan automáticamente la configuración de commerce-assets-enabled y ajustan la administración de imágenes en consecuencia.

Para obtener más información sobre el uso de AEM Assets con Commerce Storefront con tecnología de Edge Delivery Services, consulte el tema Integración de AEM Assets en la documentación de Adobe Commerce Storefront.

TIP
Para que los autores puedan examinar e insertar AEM Assets en páginas de contenido estático, consulte Conectar AEM Assets a Da.live para la creación de contenido estático.

Conectar AEM Assets a Da.live para la creación de contenido estático connect-aem-assets-authoring

NOTE
Esta configuración es independiente de la extensión de integración de AEM Assets. Proporcionado por Da.live, permite a los autores examinar e insertar AEM Assets en páginas de contenido estático (por ejemplo, páginas de aterrizaje o bloques de contenido) a través del panel Library y Content Advisor. Las imágenes de producto sincronizadas mediante la integración de AEM Assets se configuran por separado con la configuración de commerce-assets-enabled.

Siga estos pasos para conectar los AEM Assets a una tienda de Document Authoring (Da.live) para que los autores puedan examinar e insertar AEM Assets de Content Advisor mientras editan contenido estático.

NOTE
Para obtener instrucciones de configuración detalladas, consulte AEM Assets de instalación en la documentación de Da.live y AEM Assets de integración al crear contenido para Edge Delivery Services en la documentación de AEM Assets.

Paso 1: Abrir la configuración de su sitio en Da.live

  1. Desde Da.live, localiza y abre tu tienda.

  2. En la ruta de exploración, seleccione el icono Settings junto al nombre del sitio para abrir la hoja de cálculo de configuración del sitio.

Paso 2: copie la URL de su repositorio de AEM

  1. En una pestaña nueva, ve a experience.adobe.com y ve a Experience Manager.

  2. Abra Adobe Experience Manager Assets: Desplácese hasta la sección My Authoring y, a continuación, seleccione Assets junto a su entorno Production.

  3. Desde la barra de direcciones del explorador, copie el segmento que comienza con author hasta .com, inclusive; por ejemplo, author-p107634-e1009805.adobeaemcloud.com.

Paso 3: Añadir el ID de repositorio a la configuración

  1. Para configurar su sitio, vuelva a Da.live y seleccione data en la configuración del sitio.

  2. Complete la hoja de cálculo de la siguiente manera:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2
    Celda Valor
    A1 key
    B1 value
    A2 aem.repositoryId
    B2 La URL que copió en el paso 2
  3. Seleccione Save y, a continuación, seleccione la flecha hacia atrás junto al nombre del sitio para volver a la raíz del sitio.

    note
    NOTE
    El host con prefijo author- explora los recursos desde el nivel de creación. Para enviar recursos a través de Dynamic Media, use un host con el prefijo delivery-. Para ver todas las opciones de aem.repositoryId, consulte AEM Assets de instalación.

Paso 4: Conectar AEM Assets a través de la biblioteca

  1. En la raíz del sitio, seleccione la carpeta index para abrirla.

  2. En el editor, abra el panel Library y seleccione AEM Assets.

    La ventana emergente Content Advisor se abre y muestra los archivos y las carpetas de los AEM Assets.

La tienda está conectada a los AEM Assets. Puede examinar e insertar recursos directamente desde Content Advisor.

Documentación relacionada

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