Modificar el aspecto (HBS)

Ahora que los componentes del sistema de comentarios personalizados del directorio de aplicaciones (/apps?lang=es) están implementados, con un resourceSuperType que hace referencia al sistema de comentarios predeterminado y el modelo/Vista personalizado registrado, es posible modificar 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.

NOTA

Para utilizar la extensión, la instancia del sistema de comentarios de un sitio web que se verá afectada (/content?lang=es) debe establecer resourceType como el sistema de comentarios personalizado.

Modificar los scripts de HBS

Usando CRXDE Lite:

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

    • Comente la etiqueta que incluye el avatar de un anuncio de comentario (~ línea 21):

        <!--
         <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
         -->
      
  • Abra /apps/custom/components/comments/comments.hbs

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

        <!--
         <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
         -->
      
  • Seleccione Guardar todo

Replicar aplicación personalizada

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

Una manera de hacerlo es:

  • Desde el menú principal

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

Comentario modificado de vista en la página de muestra publicada

Si continúa 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 realizar la vista de la modificación para eliminar el avatar:

Contenido modificado en vista

Paquete de extensión de comentarios de muestra

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

Obtener archivo

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now