다음을 통해 공유


타일 목록 모듈

이 문서에서는 타일 목록 모듈에 대해 설명하고 사이트 페이지에 추가하는 방법을 설명합니다 Microsoft Dynamics 365 Commerce.

타일 목록 모듈은 캐러셀의 타일 모음입니다. 이미지와 텍스트를 통해 제품 범주 또는 제품 브랜드를 마케팅하는 데 사용됩니다. 예를 들어 소매업체는 전자 상거래 사이트의 홈 페이지에 타일 목록 모듈을 추가하여 가장 많이 판매되는 모든 범주를 홍보할 수 있습니다.

타일 목록 모듈은 콘텐츠 관리 시스템(CMS)의 데이터에 의해 구동됩니다. Commerce headquarters의 다른 모듈이나 데이터에 의존하지 않습니다. 타일 목록 모듈은 소매업체가 무언가를 마케팅하거나 홍보하려는 모든 사이트 페이지(예: 제품, 범주 또는 브랜드)에 추가할 수 있습니다.

다음 그림에서는 Adventure Works 홈 페이지에 있는 타일 목록 모듈 및 타일 모듈의 예를 보여 줍니다.

Adventure Works 홈페이지의 타일 목록 모듈 및 타일 모듈의 예

중요

타일 목록 모듈은 버전 10.0.20 릴리스부터 Dynamics 365 Commerce 사용할 수 있습니다. 타일 목록 모듈은 Adventure Works 테마에 표시됩니다.

타일 목록 모듈 및 테마

타일 목록 모듈은 테마에 따라 다양한 레이아웃과 스타일을 지원할 수 있습니다. 예를 들어 Adventure Works 테마에서 타일은 사이트 사용자가 타일 위로 마우스를 가져가면 애니메이션 효과를 표시합니다. 각 테마에는 타일 목록 및 타일 모듈에 대한 추가 속성이 포함될 수 있습니다. 테마 개발자는 타일 목록 및 타일 모듈에 대한 추가 레이아웃을 빌드할 수도 있습니다.

타일 목록 모듈 속성

속성 이름 설명
제목 제목 텍스트 및 제목 태그 타일 목록 모듈의 텍스트 제목입니다.

타일 모듈 속성

속성 이름 설명
이미지 이미지 파일 이미지는 제품 또는 카테고리를 소개하는 데 사용할 수 있습니다. 이미지를 Commerce 사이트 작성기의 미디어 라이브러리에 업로드하거나 기존 이미지를 사용할 수 있습니다.
제목 제목 텍스트 및 제목 태그(H1, H2, H3, H4, H5 또는 H6) 기본적으로 제목에는 H2 제목 태그가 사용되지만 접근성 요구 사항에 맞게 태그를 변경할 수 있습니다.
단락 단락 텍스트 이 모듈은 서식 있는 텍스트 형식의 단락 텍스트를 지원합니다. 하이퍼링크, 굵게, 밑줄이 그어진 텍스트, 기울임꼴 텍스트와 같은 몇 가지 기본 서식 있는 텍스트 기능이 지원됩니다. 이러한 기능 중 일부는 모듈에 적용되는 페이지 테마로 재정의할 수 있습니다.
연결 텍스트 연결, URL 연결, 액세스 가능한 리치 인터넷 애플리케이션(ARIA) 레이블 및 새 탭에서 연결 열기 모듈은 하나 이상의 "클릭 유도문안" 링크를 지원합니다. 연결이 추가되면 연결 텍스트, URL 및 레이블이 ARIA 필요합니다. ARIA 레이블은 접근성 요구 사항을 충족하기 위해 설명적이어야 합니다. 링크가 새 탭에서 열리도록 구성할 수 있습니다.
타일 연결 텍스트 연결, URL ARIA 연결, 레이블 및 새 탭 선택기에서 연결 열기 이 속성은 "클릭 유도문안" 연결을 정의하는 데 사용됩니다. 연결이 추가되면 연결 텍스트, URL 및 레이블이 ARIA 필요합니다. ARIA 레이블은 접근성 요구 사항을 충족하기 위해 설명적이어야 합니다. 링크가 새 탭에서 열리도록 구성할 수 있습니다.
아이콘 이미지 제품 또는 카테고리 이미지 외에도 아이콘 기호를 추가할 수 있습니다. 아이콘 기호 이미지는 제품 또는 카테고리 이미지 위에 표시됩니다.

새 페이지에 타일 목록 모듈 추가

새 페이지에 타일 목록 모듈을 추가하고 필요한 속성을 설정하려면 따라와 다음 단계를 수행합니다.

  1. 템플릿 으로이동하여 사이트 홈 페이지에 대한 마케팅 템플릿을 엽니다(또는 새 마케팅 템플릿 만들기).
  2. 기본 페이지의 기본 슬롯에서 줄임표(...)를 선택한 다음, 모듈 추가를 선택합니다.
  3. 모듈 선택 대화 상자에서 타일 목록 모듈을 선택한 다음, 확인 를 선택합니다.
  4. 저장을 선택하고, 편집 완료를 선택하여 템플릿을 확인한 다음, 게시를 선택하여 게시하세요.
  5. 페이지로 이동하여 사이트의 홈 페이지를 엽니다(또는 마케팅 템플릿을 사용하여 새 홈 페이지를 만듭니다).
  6. 기본 페이지의 기본 슬롯에서 줄임표 버튼(...)을 선택한 다음, 모듈 추가를 선택합니다.
  7. 모듈 선택 대화 상자에서 타일 목록 모듈을 선택한 다음, 확인 를 선택합니다.
  8. 타일 목록 모듈의 속성 창에서 제목을 추가합니다.
  9. 타일 목록 슬롯에서 줄임표 버튼( ...)을 선택한 다음, 모듈 추가를 선택합니다 .
  10. 모듈 선택 대화 상자에서 타일 모듈 모듈을 선택한 다음, 확인 를 선택합니다.
  11. 타일 모듈의 속성 창에서 이미지, 제목 및 아이콘 기호 이미지를 추가합니다.
  12. 필요에 따라 타일 모듈을 추가하고 구성합니다.
  13. 저장을 선택한 다음 미리 보기를 선택하여 페이지를 미리 봅니다.
  14. 편집 완료를 선택하여 템플릿을 체크 인한 다음, 게시를 선택하여 게시합니다.

추가 리소스

모듈 라이브러리 개요

Adventure Works 테마