DocumentaciónAEM 6.5Guía de Communities

Modificar el aspecto visual (HBS) alter-the-appearance-hbs

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Creado para:

  • Desarrollador

Ahora que los componentes del sistema de comentarios personalizado del directorio de aplicaciones (https://experienceleague.adobe.com/apps?lang=es) están instalados, con un resourceSuperType que hace referencia al sistema de comentarios predeterminado y el modelo/vista personalizado registrado, puede editar la implementación.

Para una demostración sencilla, se elimina una característica visual, el avatar que se muestra del usuario que ha iniciado sesión y que publica un comentario.

NOTE
Para utilizar la extensión, la instancia del sistema de comentarios de un sitio web afectado (https://experienceleague.adobe.com/content?lang=es) debe establecer su resourceType para que sea el sistema de comentarios personalizado.

Modificación de los scripts HBS modify-the-hbs-scripts

Usando CRXDE Lite:

  • Abrir /apps/custom/components/comments/comment.hbs

    • Comente la etiqueta que incluye el avatar para una publicación de comentario (~ línea 21):

      code language-none 
        <!--
   <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
   -->

  • Abrir /apps/custom/components/comments/comments.hbs

    • Convierta en comentario la etiqueta que incluye el avatar para la siguiente entrada de comentario (~ línea 44):

      code language-none 
        <!--
   <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
   -->

  • Seleccionar Guardar todo

Replicar aplicación personalizada replicate-custom-app

Una vez modificada la aplicación, es necesario volver a replicar el componente personalizado.

Una forma de hacerlo es:

  • Desde el menú principal

    • Seleccione Herramientas > Operaciones > Replicación.
    • Seleccione Activar árbol.
    • Establezca Start Path en /apps/custom.
    • Anular la selección de Solo modificadas.
    • Seleccione el botón Activar.

Ver comentario modificado en la página de muestra publicada view-modified-comment-on-published-sample-page

Continuando con la experiencia en la instancia de publicación, con la sesión iniciada por el mismo usuario, ahora es posible actualizar la página en el entorno de publicación para ver la modificación y eliminar el avatar:

ver-contenido modificado

Paquete de extensiones de comentarios de muestra sample-comment-extension-package

Se adjunta un paquete de la aplicación de comentarios personalizados creada en este tutorial.

Obtener archivo

recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791