Ändra utseende (HBS) alter-the-appearance-hbs

Nu när komponenterna för det anpassade kommentarsystemet i programkatalogen (https://experienceleague.adobe.com/apps?lang=sv) finns på plats, med en resourceSuperType som refererar till standardkommentarsystemet och den anpassade modellen/vyn registrerad, kan du redigera implementeringen.

För en enkel demonstration, en visuell funktion, tas den avatar som visas för den inloggade användaren som skickar en kommentar bort.

NOTE
Om du vill använda tillägget måste instansen av kommentarsystemet på en webbplats som ska påverkas (https://experienceleague.adobe.com/content?lang=sv) ange att dess resourceType ska vara det anpassade kommentarsystemet.

Ändra HBS-skript modify-the-hbs-scripts

Använder CRXDE Lite:

  • Öppna /apps/custom/components/comments/comment/comment.hbs

    • Kommentera taggen som innehåller avataren för ett kommentarinlägg (~ line 21):

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

    • Kommentera taggen som innehåller avataren för nästa kommentarspost (~ line 44):

      code language-none
        <!--
         <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
         -->
      
  • Välj Spara alla

Replikera anpassad app replicate-custom-app

När programmet har ändrats måste den anpassade komponenten replikeras om.

Ett sätt är att

  • Från huvudmenyn

    • Välj Tools > Operations > Replication.
    • Välj Activate Tree.
    • Ange Start Path till /apps/custom.
    • Avmarkera Only Modified.
    • Välj knappen Activate.

Visa ändrad kommentar på publicerad exempelsida view-modified-comment-on-published-sample-page

Det går nu att uppdatera sidan i publiceringsmiljön och visa ändringen för att ta bort avataren:

view-modified-content

Exempel på kommentartillägg sample-comment-extension-package

Bifogat är ett paket med det anpassade kommentarprogrammet som skapas i den här självstudiekursen.

Hämta fil

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