DocumentaciónAEM 6.4Guía de Communities

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

Last update: Fri May 05 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Creado para:

  • User
CAUTION
AEM 6.4 ha llegado al final de la compatibilidad ampliada y esta documentación ya no se actualiza. Para obtener más información, consulte nuestra períodos de asistencia técnica. Buscar las versiones compatibles here.

Ahora que los componentes del sistema de comentarios personalizados del directorio de aplicaciones (https://experienceleague.adobe.com/apps?lang=es) están implementados, con un resourceSuperType que hace referencia al sistema de comentarios predeterminado y el Model/View personalizado registrado, es posible modificar la implementación.

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

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

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

Uso CRXDE Lite:

  • Apertura /apps/custom/components/comments/comment/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>
 -->

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

    • Comente 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>
 -->

  • Select 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

    • Select Herramientas > Operaciones > Replicación
    • Seleccionar Activate Tree
    • Establezca Start Path: a /apps/custom
    • Desmarcar Only Modified
    • Select Activate botón

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

Continuación de la experiencia en la instancia de publicación, que aún ha iniciado sesión como el mismo usuario, ahora es posible actualizar la página en el entorno de publicación para ver la modificación para eliminar el avatar:

chlimage_1-81

Paquete de extensión de comentario de ejemplo sample-comment-extension-package

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

Obtener archivo

recommendation-more-help
5d37d7b0-a330-461b-814d-068612705ff6