Alter the Appearance (HBS)
Now that the components for the custom comment system in the application directory (https://experienceleague.adobe.com/apps?lang=en) are in place, with a resourceSuperType referencing the default comment system, and the custom Model/View registered, you can edit the implementation.
For a simple demonstration, a visual feature, the avatar shown of the signed-in user who posts a comment, is removed.
NOTETo use the extension, the instance of the comment system in a website to be affected (https://experienceleague.adobe.com/content?lang=en) must set its resourceType to be the custom comment system.
Modify the HBS Scripts
Using CRXDE Lite:
-
Open /apps/custom/components/comments/comment/comment.hbs
-
Comment out the tag which includes the avatar for a comment post (~ line 21):
<!-- <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img> -->
-
-
Open /apps/custom/components/comments/comments.hbs
-
Comment out the tag which includes the avatar for the next comment entry (~ line 44):
<!-- <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img> -->
-
-
Select Save All
