更改外觀(HBS)

現在，應用程式目錄(/apps?lang=zh-Hant)中的自訂註解系統元件已就緒，resourceSuperType參考預設註解系統和已註冊的自訂模型/檢視，便可修改實施。

對於簡單的示範，會移除張貼評論之已登入使用者的顯示頭像視覺功能。

修改HBS指令碼

使用CRXDE Lite:

• 開啟/apps/custom/components/comments/comment/comment.hbs

  • 對標籤加上註解貼文（~第21行）的顯示圖片進行註解：

    <!--
     <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
     -->
    

• 開啟/apps/custom/components/comments/comments.hbs

  • 註解標籤，其中包含下一個註解項目的頭像（~第44行）:

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

• 選擇​保存全部

複製自定義應用

修改應用程式後，必須重新複製自訂元件。

一種方法是

• 從主功能表

  • 選擇​工具>操作>複製
  • 選取 Activate Tree
  • 設定Start Path:至/apps/custom
  • 取消選中Only Modified
  • 選擇Activate按鈕

在已發佈的範例頁面上檢視已修改的註解

繼續在 發佈例項上（仍以相同使用者身分登入）體驗，現在可以重新整理發布環境中的頁面，以檢視要移除頭像的修改：

注釋擴展包示例

附加是在本教學課程中建立的自訂註解應用程式套件。

取得檔案

Business.Adobe.com 資源

Ecommerce Integrations Automated Onboarding Targeted Content Asset Collections Responsive Forms Content Management System