타일 목록 모듈

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

타일 목록 모듈은 회전형 타일 모음입니다. 이미지와 텍스트를 통해 제품 카테고리나 제품 브랜드를 마케팅하는 데 사용됩니다. 예를 들어, 소매업체는 전자상거래 사이트의 홈페이지에 타일 목록 모듈을 추가하여 가장 많이 팔리는 모든 카테고리를 홍보할 수 있습니다.

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

다음 그림은 Adventure Works 홈페이지의 타일 목록 모듈과 타일 모듈의 예를 보여줍니다.

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

중요

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

타일 목록 모듈 및 테마

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

타일 목록 모듈 속성

속성 이름 설명
제목 제목 텍스트와 제목 태그 타일 목록 모듈에 대한 텍스트 제목입니다.

타일 모듈 속성

속성 이름 설명
이미지 이미지 파일 이미지는 제품이나 카테고리를 보여주는 데 사용될 수 있습니다. 이미지는 Commerce의 미디어 라이브러리 사이트 작성기에 업로드하거나 기존 이미지를 사용할 수 있습니다.
제목 제목 텍스트 및 제목 태그(H1, H2, H3, H4, H5 또는 H6) 기본적으로 H2 heading 태그가 제목에 사용되지만, 접근성 요구 사항을 충족하도록 태그를 변경할 수 있습니다.
단락 단락 텍스트 해당 모듈은 서식 있는 텍스트 형식의 문단 텍스트를 지원합니다. 하이퍼링크, 굵게, 밑줄, 기울임꼴 텍스트 등 일부 기본적인 서식 있는 텍스트 기능이 지원됩니다. 이러한 기능 중 일부는 모듈에 적용되는 페이지 테마에 의해 재정의될 수 있습니다.
연결 연결 텍스트, 연결 URL, 액세스 가능한 Rich Internet Applications(ARIA) 레이블 및 새 탭에서 연결 열기 모듈은 하나 이상의 "행동 촉구" 링크를 지원합니다. 연결가 추가되면 연결 텍스트, URL, ARIA 레이블이 필요합니다. ARIA 접근성 요구 사항을 충족하려면 라벨은 설명적이어야 합니다. 링크는 새 탭에서 열리도록 구성할 수 있습니다.
타일 연결 연결 텍스트, 연결 URL, ARIA 라벨 및 새 탭에서 연결 열기 선택기 이 속성은 "행동 촉구" 연결를 정의하는 데 사용됩니다. 연결가 추가되면 연결 텍스트, URL, ARIA 레이블이 필요합니다. ARIA 접근성 요구 사항을 충족하려면 라벨은 설명적이어야 합니다. 링크는 새 탭에서 열리도록 구성할 수 있습니다.
아이콘 이미지 제품이나 카테고리 이미지 외에도 아이콘 기호를 추가할 수 있습니다. 아이콘 심볼 이미지는 제품이나 카테고리 이미지 위에 나타납니다.

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

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

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

추가 리소스

모듈 라이브러리 개요

어드벤처 워크 테마