Erscheinungsbild ändern (HBS) alter-the-appearance-hbs
Nachdem die Komponenten für das benutzerdefinierte Kommentarsystem im Anwendungsverzeichnis (https://experienceleague.adobe.com/apps?lang=de) vorhanden sind, wobei ein resourceSuperType auf das standardmäßige Kommentarsystem verweist und das benutzerdefinierte Modell/die benutzerdefinierte Ansicht registriert ist, können Sie die Implementierung bearbeiten.
Für eine einfache Demonstration, eine visuelle Funktion, wird der Avatar des angemeldeten Benutzers entfernt, der einen Kommentar veröffentlicht.
HBS-Skripte ändern modify-the-hbs-scripts
Verwenden von CRXDE Lite:
-
Öffnen Sie /apps/custom/components/comments/comment/comment.hbs
-
Kommentieren Sie das Tag aus, das den Avatar für einen Kommentar-Beitrag enthält (~ Zeile 21):
code language-none <!-- <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img> -->
-
-
Öffnen Sie /apps/custom/components/comments/comments.hbs
-
Kommentieren Sie das Tag aus, das den Avatar für den nächsten Kommentar-Eintrag enthält (~ Zeile 44):
code language-none <!-- <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img> -->
-
-
Wählen Sie Alle speichern
Benutzerdefinierte App replizieren replicate-custom-app
Nachdem die Anwendung geändert wurde, muss die benutzerdefinierte Komponente erneut repliziert werden.
Eine Möglichkeit hierfür ist:
-
Über das Hauptmenü
- Wählen Sie Tools > Vorgänge > Replikation aus.
- Wählen Sie Baum aktivieren.
- Setzen Sie
Start Path
auf/apps/custom
. - Heben Sie die Auswahl von Nur geändert auf.
- Wählen Sie die Schaltfläche Aktivieren aus.
Anzeigen von geänderten Kommentaren auf der veröffentlichten Beispielseite view-modified-comment-on-published-sample-page
Um das Erlebnis in der Veröffentlichungsinstanz fortzusetzen, die noch als derselbe Benutzer angemeldet ist, ist es jetzt möglich, die Seite in der Veröffentlichungsumgebung zu aktualisieren, um die Änderung anzuzeigen und den Avatar zu entfernen:
Beispielpaket für Kommentar-Erweiterung sample-comment-extension-package
Angehängt ist ein Paket der benutzerdefinierten Kommentaranwendung, die in diesem Tutorial erstellt wurde.