제품 카탈로그 페이지 및 템플릿 관리 product-catalog

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

주제:
상거래 통합 프레임워크

작성 대상:

관리자

제품 카탈로그 페이지 및 템플릿을 관리하는 방법에 대해 알아봅니다.

지금까지의 스토리 story-so-far

AEM 컨텐츠 및 Commerce 작성 여정의 이전 문서인 AEM CIF 작성 기본 사항 시작하기에서는 CIF 작성의 기본 사항에 대해 알아보았습니다.

이 문서는 이러한 기본 사항을 기반으로 합니다.

목표 objective

이 문서는 제품 카탈로그 페이지 및 템플릿을 관리하는 방법을 이해하는 데 도움이 됩니다. 문서를 읽고 나면

카탈로그 템플릿의 개념 이해
일반 템플릿 작동 방식
개별 템플릿을 만들었습니다.

기본 개념 basic-concept

Venia storefront는 탐색, 랜딩, 카테고리(PLP), 제품 세부 사항 페이지(PDP)와 함께 일반적인 제품 카탈로그 경험을 제공합니다.

카탈로그 페이지는 AEM CIF 카탈로그 템플릿과 필요할 때 상거래 끝점에서 가져오는 실시간 제품 데이터를 사용하여 동적으로 작성됩니다. 모든 카탈로그에는 제품 및 범주 페이지에 대한 일반 템플릿이 있습니다.
카탈로그 구조

탐색 구성 요소는 콘텐츠 및 카탈로그 페이지를 보여 줍니다. 탐색에서 카탈로그 랜딩 페이지 또는 첫 번째 수준 범주를 표시할 수 있습니다. 마우스로 범주를 가리키면 두 번째 수준의 범주가 두 번째 선으로 표시됩니다.
카탈로그 탐색

카테고리를 클릭하면 카테고리 페이지(또는 제품 목록 페이지)가 열립니다.

PLP

제품을 클릭하면 제품 세부 사항 페이지가 열립니다.

PLP

템플릿 templates

일반 템플릿 generic

일반 Venia 카탈로그 템플릿은 제품 목록 핵심 구성 요소를 사용합니다. 이 구성 요소는 사용 가능한 경우 카테고리 이미지를 표시하고 카테고리의 제품을 표시합니다.
범주 템플릿

일반 Venia 제품 템플릿은 제품 세부 사항 핵심 구성 요소를 사용합니다. 이 구성 요소는 다양한 제품 유형 및 장바구니에 추가 작업에 대한 제품 정보를 표시합니다.

템플릿 편집 edit-templates

템플릿 페이지를 직접 열거나 제품 카탈로그 페이지를 탐색하는 동안 편집 모드로 전환하여 템플릿을 편집할 수 있습니다. 페이지를 변경하면 제품/카테고리의 특정 페이지뿐만 아니라 템플릿도 변경된다는 점을 기억하십시오.

범주 또는 제품별 템플릿 specific

CIF은 몇 번의 클릭만으로 여러 템플릿을 지원합니다. 다른 템플릿을 만들려면 각 범주에서 일반 템플릿을 선택하고 만들기 작업을 사용하여 페이지를 만드십시오.

템플릿 페이지 만들기

해당 제품 또는 범주 템플릿을 선택합니다.

템플릿 만들기 선택

제목을 입력하고 페이지를 만듭니다.

템플릿 입력 만들기

이제 일반 템플릿 아래에 특정 템플릿이 있습니다.

템플릿 계층 만들기

템플릿을 엽니다. 이는 일반 범주 템플릿과 매우 유사합니다.

새로 템플릿 만들기

페이지 맨 위에 이미지를 추가합니다.

템플릿 업데이트 만들기

템플릿은 모든 범주/제품으로 미리 볼 수 있습니다. 페이지 정보 를 연 다음 범주/제품으로 보기 를 선택합니다. 선택기에서 제품/범주를 선택하여 이 제품/범주로 미리 보기를 가져옵니다. 업데이트된 템플릿의 미리 보기를 보려면 보기 찾기 카테고리를 선택하십시오.

템플릿 만들기

이제 이 템플릿을 특정 카테고리에 할당해야 합니다. 페이지 정보 메뉴에서 속성을 열고 상거래 탭으로 전환합니다. 폴더 아이콘을 클릭하여 범주 선택기에서 Shop The Look 범주를 선택합니다. 확인란을 활성화하여 템플릿에 여러 카테고리를 할당하고 하위 카테고리를 포함할 수도 있습니다.

템플릿 연결 만들기