시나리오용 변형 마스터
마스터 및 변형 그룹 시나리오와 마스터 및 변형 제품 시나리오 주제에서 여기에 설명된 제품을 사용합니다. 이 항목은 B2C Commerce에 적용됩니다.
시나리오 제품 개요
단순하게 하기 위해 다음 시나리오에서는 SiteGenesis 데이터를 사용하지 않습니다. 시나리오를 따라 진행하려면 이러한 제품을 생성하십시오.
이 시나리오에서는 다음을 가정합니다.
- 제품은 여러 가지 색상과 크기로 제공되는 T-shirt입니다. 테이블에는 크기와 색상을 기준으로 하는 셔츠의 SKU가 나열되어 있습니다.
Navy Green Amber Sky S TS-1 TS-4 TS-7 TS-10 M TS-2 TS-5 TS-8 TS-11 L TS-3 TS-6 TS-9 TS-12 - 설명된 기능은 SiteGenesis 애플리케이션을 기반으로 합니다. 개발한 템플릿에 따라 애플리케이션이 다르게 작동할 수 있습니다.
- 이미지와 카탈로그는 Business Manager에 저장됩니다.
- apparel-catalog에 대한 카탈로그 페이지의 이미지 설정 탭에서 변형 특성 ID를 color로 설정하십시오.
맞춤형 제품 속성 생성:
다른 속성을 사용하여 변형 제품을 그룹화할 수 있습니다.
필수 Edition
| 다음에서 사용 가능: B2C Commerce |
-
앱 런처
를 클릭한 다음 관리 | 사이트 개발 | 시스템 오브젝트 유형을 선택합니다.
- 제품 시스템 오브젝트를 클릭하십시오.
- 특성 정의 탭을 클릭하십시오.
- 새로 만들기를 클릭하십시오.
-
'제품' 오브젝트 유형 - 특성 정의 세부 정보 페이지에서 다음을 입력하십시오.
- ID: bucketColor
- 표시 이름: 버킷 색상
- 도움말 텍스트: 버킷 색상
- 값 유형: 문자열
- 현지화 가능/사이트별: 아니요
- 적용을 클릭합니다.
- <<뒤로를 클릭하십시오.
- 특성 그룹화 탭을 클릭하십시오.
- 프레젠테이션 특성 그룹에 대해 편집을 클릭하십시오.
- 생략 부호(...)를 클릭하고 bucketColor 특성을 선택한 다음 선택을 클릭하십시오.
- <<뒤로를 클릭하십시오.
- 특성 그룹화 탭의 프레젠테이션 특성 페이지에 5개의 특성이 표시됩니다.
마스터 제품 생성
시나리오 2
필수 Edition
| 다음에서 사용 가능: B2C Commerce |
-
앱 시작 관리자
클릭한 다음판매자 도구 | 사이트 | 제품 및 카탈로그 | 제품을선택합니다.
- Simple Product Search(단순 제품 검색) 페이지에서New(새로 만들기 )를 클릭합니다.
-
제품 페이지의 일반 탭에서 다음 값을 입력하고 적용을 클릭하십시오.
필드 값 ID TS 카탈로그 apparel-catalog 과세 등급 표준 온라인 예 검색 가능 예 이름 T-shirt - 카테고리 탭을 클릭하고 카테고리 편집을 클릭하십시오.
- womens | womens-clothing을 확장하고womens-clothing-tops를 선택한 다음적용을 클릭합니다.
- 재고 탭을 클릭하고 SiteGenesis에 할당된 재고 목록에 대해 새로 만들기를 클릭하십시오.
- 영구를 선택하십시오.
- 할당을 100으로 설정하고 생성을 클릭하십시오.
- 뒤로를 클릭하십시오.
변형 제품 생성
시나리오 3
필수 Edition
| 다음에서 사용 가능: B2C Commerce |
- 티셔츠 제품에 대한 제품 페이지의 변형 탭을 클릭하십시오.
-
공유 변형 특성 추가 아래에서 ID에 대해 새로 만들기를 클릭하십시오.
노트 추가를 클릭하면 동일한 작업이 수행되지 않습니다. -
다음 값을 입력하십시오.
필드 값 특성 정의 ID: color 이름: (텍스트를 입력하지 마십시오. 적용을 클릭하면 B2C Commerce에서 텍스트를 자동으로 제공합니다.) 맞춤형 ID: color 맞춤형 표시 이름: color 조각화 특성 아니요(선택 취소됨) - 적용을 클릭합니다. 색상에 대해 지정된 변형 값 섹션이 열립니다.
-
색상에 대해 지정된 변형 값 섹션에서 다음 값을 입력하고 각 값을 입력한 후 적용을 클릭하십시오.
값 표시 값 설명 navy Navy Navy Blue green Hemlock Hemlock Green amber Amber Burnt Amber sky Sky Sky Blue - 제품 페이지의 변형 탭으로 돌아가려면 <<뒤로를 클릭하십시오.
-
공유 변형 특성 추가 아래에서 ID에 대해 새로 만들기를 클릭하십시오.
노트 추가를 클릭하면 동일한 작업이 수행되지 않습니다. -
다음 값을 입력하고 적용을 클릭하십시오.
필드 값 특성 정의 ID: size 이름: (텍스트를 입력하지 마십시오. 적용을 클릭하면 B2C Commerce에서 텍스트를 자동으로 제공합니다.) 맞춤형 ID: clothingSize 맞춤형 표시 이름: size 조각화 특성 아니요(선택 취소됨) -
clothingSize에 대해 지정된 변형 값 섹션에서 다음 값을 입력하고 각 값을 입력한 후 적용을 클릭하십시오.
값 표시 값 설명 S Small Small M Medium Medium L Large Large - 제품 페이지의 변형 탭으로 돌아가려면 <<뒤로를 클릭하십시오.
-
공유 변형 특성 추가 아래에서 ID에 대해 새로 만들기를 클릭하십시오.
노트 추가를 클릭하면 동일한 작업이 수행되지 않습니다. -
다음 값을 입력하십시오.
필드 값 특성 정의 ID: bucketColor 이름: (텍스트를 입력하지 마십시오. 적용을 클릭하면 B2C Commerce에서 텍스트를 자동으로 제공합니다.) 맞춤형 ID: bucketColor 맞춤형 표시 이름: Bucket Color 조각화 특성 아니요(선택 취소됨) - 적용을 클릭합니다. 색상에 대해 지정된 변형 값 섹션이 열립니다.
-
색상에 대해 지정된 변형 값 섹션에서 다음 값을 입력하고 각 값을 입력한 후 적용을 클릭하십시오.
값 표시 값 설명 Blue Blue Blue Green Green Green Orange Orange Orange - 변형 탭으로 돌아가려면<<뒤로를 클릭하십시오.
-
자동으로 변형 제품을 생성하려면 제품 페이지 변형 탭의 변형 제품 섹션에서 추가를 클릭하십시오. 다음 제품을 구성하십시오.
ID 색상 크기 bucketColor TS-1 navy (Navy) S (Small) Blue TS-2 navy (Navy) M (Medium) Blue TS-3 navy (Navy) L (Large) Blue TS-4 green (Hemlock) S (Small) Green TS-5 green (Hemlock) M (Medium) Green TS-6 green (Hemlock) L (Large) Green TS-7 amber (Amber) S (Small) Orange TS-8 amber (Amber) M (Medium) Orange TS-9 amber (Amber) L (Large) Orange TS-10 sky (Sky) S (Small) Blue TS-11 sky (Sky) M (Medium) Blue TS-12 sky (Sky) L (Large) Blue -
변형 제품 목록에서 ID 링크(예: TS-1)를 클릭하여 변형 제품의 변형 탭으로 이동하십시오. 각 변형 제품에 대해 다음을 수행하십시오.
- 재고 탭을 클릭하고 SiteGenesis에 할당된 재고 목록에 대해 새로 만들기를 클릭하십시오.
-
새 레코드 페이지의 일반 탭에서 다음 값을 구성하십시오.
필드 값 영구 예(선택됨) 할당 100 - 생성을 클릭하십시오.
- 제품 페이지로 돌아가려면 페이지 위쪽에 있는 이동 경로에서 제품 링크를 클릭하십시오.
-
TS-를 검색하십시오. B2C Commerce는 모든 변형 제품을 결과로 반환합니다. - 각 변형 제품의 왼쪽에 있는 상자를 클릭하고 선택한 항목 편집을 클릭하십시오.
- 제품 특성 업데이트/삭제가 선택되었는지 확인하고 다음을 클릭하십시오.
-
2단계: 제품 특성 업데이트/삭제 페이지에서 특성 선택을 클릭하십시오. 다음 특성을 선택 및 구성하십시오.
필드 업데이트 값 검색 가능 기본값 예 온라인 기본값 예 - 완료를 클릭하십시오. 배치 프로세스로 이동을 클릭하십시오.
-
성공 상태의 완료된 배치 프로세스가 표시될 때까지
새로 고침을 클릭하십시오. -
App Launcher
를 클릭한 다음판매자 도구 | 사이트 | 검색 | 검색 인덱스를 선택하고 모든 인덱스를 선택한 다음다시 빌드를 클릭하여 인덱스를 다시 빌드합니다.
노트 가용성 인덱스를 다시 빌드하는 것이 중요합니다. 그렇지 않으면 제품이 스토어프런트에 표시되지 않습니다.
변형 그룹 생성
시나리오 4
필수 Edition
| 다음에서 사용 가능: B2C Commerce |
- 티셔츠 제품에 대한 제품 페이지의 변형 탭을 클릭하십시오.
- 변형 그룹 섹션에서 추가를 클릭하십시오. 경고를 검토하고 확인을 클릭하십시오. 페이지가 다시 로드되고 B2C Commerce가 ID가 TS-13인 빈 변형 그룹을 추가합니다.
-
버킷 색상을 기반으로 변형 그룹을 구성하십시오.
ID 색상 크기 버킷 색상 TS-13 -없음- -없음- Blue (Blue) TS-14 -없음- -없음- Green (Green) TS-15 -없음- -없음- Orange (Orange) -
크기를 기반으로 변형 그룹을 구성하십시오.
ID 색상 크기 버킷 색상 TS-16 -없음- S (Small) -없음- TS-17 -없음- M (Medium) -없음- TS-18 -없음- L (large) -없음- -
기타 조합을 기반으로 변형 그룹을 구성하십시오.
ID 색상 크기 버킷 색상 TS-19 -없음- S (Small) Blue (Blue) TS-20 navy (Navy) M (Medium) -없음- TS-21 sky (Sky) M (Medium) -없음- - 적용을 클릭합니다.
-
각 변형 그룹에 대해 변형 그룹을 클릭하고, 잠금을 클릭하며, 일반 탭을 클릭하고, 다음 값을 입력한 다음 적용을 클릭하십시오.
필드 값 검색 가능 예(기본값 및 SiteGenesis) 온라인 예(기본값 및 SiteGenesis)
제품에 이미지 추가
시나리오 5
필수 Edition
| 다음에서 사용 가능: B2C Commerce |
-
App Launcher
를 클릭한 다음판매자 도구 | 사이트 | 제품 및 카탈로그 | 제품을선택합니다
- ID 기준 탭을 클릭하십시오.
- TS를 검색하십시오.
- 제품을 편집하려면 티셔츠 제품에 대한 제품 페이지의 일반 탭에서 잠금을 클릭하십시오.
- 페이지의 아래쪽으로 스크롤하여 이미지 섹션에서 편집 버튼을 클릭합니다.
이미지 업로드
시나리오 6
필수 Edition
| 다음에서 사용 가능: B2C Commerce |
- 파일 브라우저 창에서 large 폴더를 마우스 오른쪽 버튼으로 클릭하고 추가를 선택하십시오.
-
다음 이미지를 탐색하고 업로드를 클릭하십시오.
- tshirt_amber.jpg
- tshirt_hemlock.jpg
- tshirt_navy.jpg
- tshirt_sky.jpg
- medium 변형은 large 변형과 동일한 이미지를 사용하므로 아무것도 업로드할 필요가 없습니다.
- 파일 브라우저 창에서 small 폴더를 마우스 오른쪽 버튼으로 클릭하고 추가를 선택하십시오.
-
다음 이미지를 탐색하고 업로드를 클릭하십시오.
- tshirt_amber_small.jpg
- tshirt_hemlock_small.jpg
- tshirt_navy_small.jpg
- tshirt_sky_small.jpg
- 파일 브라우저 창에서 견본 폴더 아이콘을 마우스 오른쪽 버튼으로 클릭하고 추가를 선택하십시오.
-
다음 이미지를 탐색하고 업로드를 클릭하십시오.
- amber_swatch.jpg
- hemlock_swatch.jpg
- navy_swatch.jpg
- sky_swatch.jpg
이미지를 마스터 제품에 할당:
시나리오 7
필수 Edition
| 다음에서 사용 가능: B2C Commerce |
파일 브라우저 검색에서 할당할 이미지를 찾아 보기 유형에 대한 빈 아이콘 위로 끕니다. 또한 빈 아이콘을 클릭하여 경로 필드에서 경로를 바꾸고 입력할 수 있습니다.
- 이미지 관리자 창에서 마스터 제품을 클릭하여 각 보기 유형에 대한 이미지를 추가하십시오.
-
보기 유형에 대한 빈 아이콘을 클릭하여 이미지의 경로를 입력합니다. 또한 파일 브라우저에서 업로드한 이미지를 찾아서 빈 아이콘으로 끌 수 있습니다.
-
보기 유형 'large'의 경로에
large/tshirt_amber.jpg를 입력하십시오. -
보기 유형 'medium'의 경로에
medium/tshirt_amber.jpg를 입력하십시오. -
보기 유형 'small'의 경로에
small/tshirt_amber_small.jpg를 입력하십시오. -
보기 유형 'swatch'의 경로에
swatch/amber.jpg를 입력하십시오.
-
보기 유형 'large'의 경로에
이미지를 변형 제품에 할당
시나리오 8
필수 Edition
| 다음에서 사용 가능: B2C Commerce |
파일 브라우저에서 할당할 이미지를 찾습니다. 보기 유형에 대한 빈 아이콘 위로 끌거나 빈 아이콘을 클릭하여 경로 필드에서 경로를 바꾸고 입력할 수 있습니다.
-
이미지 관리자 창에서 각 변형을 클릭하여 보기 유형 'large' 아래의 변형에 이미지를 추가하십시오.
-
변형 값
'navy'의 경로에 large/tshirt_amber.jpg를 입력하십시오. -
변형 값
'hemlock'의 경로에 large/tshirt_hemlock.jpg를 입력하십시오. -
변형 값
'amber'의 경로에 large/tshirt_navy.jpg를 입력하십시오. -
변형 값
'sky'의 경로에 large/tshirt_sky.jpg를 입력하십시오.
-
변형 값
-
보기 유형 'medium'의 1단계를 반복하십시오. large 보기 유형과 동일한 이미지를 사용하십시오. -
이미지 관리자 창에서 각 변형을 클릭하여 보기 유형
'small'아래의 변형에 이미지를 추가하십시오.-
변형 값
'amber'의 경로에 small/tshirt_amber_small.jpg를 입력하십시오. -
변형 값
'hemlock'의 경로에 small/tshirt_hemlock_small.jpg를 입력하십시오. -
변형 값
'navy'의 경로에 small/tshirt_navy_small.jpg를 입력하십시오. -
변형 값
'sky'의 경로에 small/tshirt_sky_small.jpg를 입력하십시오.
-
변형 값
- 이미지 창(제품이 잠긴 경우에만 접근 가능)의 이미지 관리자 분할창에서 제품 변형을 선택하십시오.
-
이미지 관리자 창에서 각 변형을 클릭하여 보기 유형
'swatch'아래의 변형에 이미지를 추가하십시오.-
보기 유형
'swatch'아래 변형 값'navy'의 경로에 swatch/amber_swatch.jpg를 입력하십시오. -
보기 유형
'swatch'아래 변형 값'hemlock'의 경로에 swatch/hemlock_swatch.jpg를 입력하십시오. -
보기 유형
'swatch'아래 변형 값'amber'의 경로에 swatch/navy_swatch.jpg를 입력하십시오. -
보기 유형
'swatch'아래 변형 값'sky'의 경로에 swatch/sky_swatch.jpg를 입력하십시오.
노트 변형 제품에 견본을 추가하는 대신 마스터 제품에 견본을 추가하면 견본이 모든 변형 유형마다 한 번씩 표시됩니다. 따라서 스토어프런트에 동일한 견본이 여러 개 표시됩니다. -
보기 유형
이미지를 변형 그룹에 할당
시나리오 9
필수 Edition
| 다음에서 사용 가능: B2C Commerce |
- 이미지 관리자 창에서 편집 버튼을 클릭하십시오.
- 변형 특성 창의 특성 목록에서 bucketColor를 선택하십시오.
-
생성한 각 변형 그룹에 해당하는 상자를 선택하십시오. 예:
bucketColor='Orange'. - 확인을 클릭합니다.
-
이미지 관리자 창에서 bucketColor='Orange'를 클릭하십시오.
-
보기 유형
'large'의 경로에 large/tshirt_amber.jpg를 입력하십시오. - 보기 유형 'medium'의 경로에 large/tshirt_amber.jpg를 입력하십시오.
- 보기 유형 'small'의 경로에 small/tshirt_amber_small.jpg를 입력하십시오.
- 보기 유형 'swatch'의 경로에 swatch/amber_swatch.jpg를 입력하십시오.
-
보기 유형
-
이미지 관리자 창에서
bucketColor='Green'을 클릭하십시오.- 보기 유형 'large'의 경로에 large/tshirt_hemlock.jpg를 입력하십시오.
- 보기 유형 'medium'의 경로에 large/tshirt_hemlock.jpg를 입력하십시오.
- 보기 유형 'small'의 경로에 small/tshirt_hemlock_small.jpg를 입력하십시오.
- 보기 유형 'swatch'의 경로에 swatch/hemlock_swatch.jpg를 입력하십시오.
-
이미지 관리자 창의
color='Navy'아래에서bucketColor='Blue'를 클릭하십시오.- 보기 유형 'large'의 경로에 large/tshirt_navy.jpg를 입력하십시오.
- 보기 유형 'medium'의 경로에 large/tshirt_navy.jpg를 입력하십시오.
- 보기 유형 'small'의 경로에 small/tshirt_navy_small.jpg를 입력하십시오.
- 보기 유형 'swatch'의 경로에 swatch/navy_swatch.jpg를 입력하십시오.
-
이미지 관리자 창의
color='Sky'아래에서bucketColor='Blue'를 클릭하십시오.- 보기 유형 'large'의 경로에 large/tshirt_sky.jpg를 입력하십시오.
- 보기 유형 'medium'의 경로에 large/tshirt_sky.jpg를 입력하십시오.
- 보기 유형 'small'의 경로에 small/tshirt_sky_small.jpg를 입력하십시오.
- 보기 유형 'swatch'의 경로에 swatch/sky_swatch.jpg를 입력하십시오.
이 기사를 통해 문제를 해결했습니까?
개선을 위한 의견을 보내주세요.

