다음을 통해 공유


Accordion 모듈

Dynamics 365 Commerce의 소매 관심 그룹이 Yammer에서 Viva Engage로 이동했습니다. 새 Viva Engage 커뮤니티에 액세스할 수 없는 경우 이 양식(https://aka.ms/JoinD365commerceVivaEngageCommunity)을 작성하여 추가하고 최신 토론에 계속 참여하세요.

이 문서에서는 아코디언 모듈에 대해 다루고 Microsoft Dynamics 365 Commerce의 사이트 페이지에 아코디언 모듈을 추가하는 방법을 설명합니다.

아코디언 모듈은 접을 수 있는 서랍과 같은 기능을 제공하여 페이지의 정보 또는 모듈을 구성하는 데 사용되는 컨테이너와 같은 모듈입니다. 아코디언 모듈은 모든 페이지에서 사용할 수 있습니다.

모든 아코디언 모듈 내부에 하나 이상의 아코디언 항목 모듈을 추가할 수 있습니다. 각 아코디언 항목 모듈은 접을 수 있는 서랍을 나타냅니다. 모든 아코디언 항목 모듈 내부에 하나 이상의 모듈을 추가할 수 있습니다. 아코디언 항목 모듈에 추가할 수 있는 모듈 유형에는 제한이 없습니다.

다음 이미지는 상점의 FAQ(질문과 대답) 페이지에서 정보를 구성하는 데 사용되는 아코디언 모듈의 예를 보여 줍니다.

아코디언 모듈의 예.

아코디언 모듈 속성

속성 이름 설명
제목 Text 이 특성은 아코디언 모듈에 대한 선택적 텍스트 표제를 지정합니다.
모두 펼치기 True 또는 False 값을 True로 설정하면 확장/축소 기능이 켜져 아코디언 모듈의 모든 항목을 확장 및 축소할 수 있습니다.
상호 작용 스타일 독립 또는 한 항목만 확장 이 속성은 아코디언 항목에 대한 상호 작용 스타일을 정의합니다. 값을 독립으로 설정하면 각 아코디언 항목을 독립적으로 확장하거나 축소할 수 있습니다. 값을 한 항목만 확장으로 설정하면 한 번에 하나의 항목만 확장할 수 있습니다. 항목이 확장되면 이전에 확장한 항목도 축소됩니다.

아코디언 항목 모듈 속성

속성 이름 설명
제목 Text 이 특성은 아코디언 항목 모듈의 제목 텍스트를 지정합니다. 제목 영역을 선택하여 섹션을 확장하거나 축소할 수 있습니다.
기본적으로 펼치기 True 또는 False 값을 True로 설정하면 페이지가 로드될 때 기본적으로 아코디언 항목이 확장됩니다.

FAQ 페이지에 아코디언 모듈 추가

FAQ 페이지에 아코디언 모듈을 추가하고 사이트 작성기에서 해당 속성을 설정하려면 다음 단계를 수행합니다.

  1. 페이지로 이동하고 Fabrikam 마케팅 템플릿(또는 제한이 없는 템플릿)을 사용하여 스토어 FAQ라는 새 페이지를 만듭니다.
  2. 기본 페이지기본 슬롯에서 줄임표(...)를 선택한 다음 모듈 추가를 선택합니다.
  3. 모듈 선택 대화 상자에서 컨테이너 모듈을 선택한 다음 확인을 선택합니다.
  4. 컨테이너 슬롯에서 줄임표(...)를 선택한 다음 모듈 추가를 선택합니다.
  5. 모듈 선택 대화 상자에서 아코디언 모듈을 선택한 다음 확인을 선택합니다.
  6. 아코디언 모듈의 속성 창에서 연필 기호 옆에 있는 제목을 선택합니다.
  7. 제목 대화 상자에서 제목 텍스트자주 묻는 질문을 입력합니다. 그런 다음 확인을 선택합니다.
  8. 아코디언 모듈의 속성 창에서 모두 확장 표시 확인란을 선택한 다음, 상호 작용 스타일 필드에서 독립을 선택합니다.
  9. 아코디언 슬롯에서 줄임표(...)를 선택한 다음 모듈 추가를 선택합니다.
  10. 모듈 선택 대화 상자에서 아코디언 항목 모듈을 선택한 다음 확인을 선택합니다.
  11. 아코디언 항목 모듈의 속성 창에서 제목 아래에 제목 텍스트를 입력합니다(예: 반품은 어떻게 진행되나요?).
  12. 아코디언 항목 슬롯에서 줄임표(...)를 선택한 다음 모듈 추가를 선택합니다.
  13. 모듈 선택 대화 상자에서 텍스트 블록 모듈을 선택한 다음 확인을 선택합니다.
  14. 텍스트 블록 모듈의 속성 창에서 텍스트 단락을 입력합니다(예: 반품은 콜센터를 통해 처리해야 합니다. 반품은 1-800-FABRIKAM으로 문의하세요. 제품의 반품 정책은 30일입니다. 반품은 이 기간 내에 시작해야 합니다.).
  15. 아코디언 슬롯에서 아코디언 항목 모듈을 몇 개 더 추가합니다. 각 아코디언 항목 모듈에서 콘텐츠가 있는 텍스트 블록 모듈을 추가합니다.
  16. 저장을 선택한 다음 미리 보기를 선택하여 페이지를 미리 봅니다. 페이지에는 추가한 콘텐츠가 있는 아코디언 모듈이 표시됩니다.
  17. 편집 완료를 선택하여 페이지를 체크인한 다음, 게시를 선택하여 게시합니다.

추가 리소스

모듈 라이브러리 개요

컨테이너 모듈

탭 모듈

텍스트 블록 모듈