다음을 통해 공유


Accordion 모듈

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

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

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

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

아코디언 모듈의 예.

아코디언 모듈 속성

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

아코디언 항목 모듈 속성

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

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

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

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

추가 리소스

모듈 라이브러리 개요

컨테이너 모듈

탭 모듈

텍스트 블록 모듈