Wix 쇼핑몰: Studio Two 카테고리 페이지 사용자 지정하기

1. 데이터 설정 아이콘을 클릭합니다.

2. 페이지당 제품 수 슬라이더를 드래그하거나 숫자를 입력해 페이지에 표시할 제품 수를 선택합니다.

3. (선택사항) 데이터 관리를 클릭해 대시보드에서 제품 및 카테고리를 추가하고 관리합니다.

도움말: 제품 및 카테고리 관리에 대해 자세히 알아보세요.

1. 여백 및 동작 아이콘을 클릭합니다.
2. 페이지에 적용할 여백을 입력합니다.

1. 모든 디자인 옵션 아이콘을 클릭합니다.
2. 속성 검사 패널에서 디자인 옵션을 설정합니다.

1. 페이지에서 요소를 마우스 오른쪽 버튼으로 클릭합니다.
2. 데이터에 연결을 클릭합니다.
3. 요소를 데이터 소스에 연결합니다.

1. 페이지에서 사이트 이동 경로를 선택합니다.
2. 속성 검사 패널에서 설정 탭을 클릭합니다.
3. 접근성을 열고 접근성 이름 입력란에 스크린 리더용 설명을 입력합니다.
4. (선택사항) 전체 요소 또는 사이트 이동 경로 아이템만 스타일 지정하려면 디자인 탭을 클릭한 후, 디자인할 항목 선택에서 카테고리 사이트 이동 경로 또는 사이트 이동 경로를 선택합니다.

1. 페이지에서 카테고리 이름을 선택합니다.
2. 속성 검사 패널에서 디자인 탭을 클릭한 후, 타이포그래피 섹션에서 글꼴, 크기 등의 텍스트 설정을 사용자 지정합니다.
3. (선택사항) 텍스트에 연결된 데이터를 확인하려면 설정 탭을 클릭합니다.

1. 페이지에서 카테고리 메뉴를 선택합니다.
2. 속성 검사 패널에서 설정 탭을 클릭합니다.
3. 메뉴 동작을 선택합니다:
   • 하위 카테고리가 없는 경우: 동일한 수준의 카테고리 표시 또는 카테고리 메뉴 숨기기를 선택합니다.
   • "전체 쇼핑" 버튼 표시: 모든 제품을 표시하는 버튼을 추가하려면 버튼을 활성화합니다.
   • 초과 시 동작: 카테고리가 메뉴 영역에 모두 표시되지 않을 때의 동작을 선택합니다. 예를 들어 스크롤을 선택할 수 있습니다.
4. (선택사항) 디자인 탭을 클릭하고 디자인 요소 선택에서 카테고리 메뉴 또는 메뉴 아이템을 선택한 후, 기본, 마우스오버 또는 선택됨을 선택해 해당 상태의 스타일을 지정합니다.
5. (선택사항) 액션바에서 레이아웃 변경을 클릭한 후 회전 방향 드롭다운에서 가로 또는 세로를 선택합니다.

1. 페이지에서 필터 버튼을 선택합니다.

2. 속성 검사 패널에서 설정 탭을 클릭합니다.

3. 필터 패널을 사용자 지정합니다.

   • 패널 제목: 필터 패널 상단에 표시할 제목을 입력합니다.

   • 패널 열림 방향: 필터 패널이 열리는 방향을 선택합니다. 예를 들어 왼쪽을 선택할 수 있습니다.

1. 페이지에서 제품 카운터를 선택합니다.
2. 속성 검사 패널에서 디자인 탭을 클릭한 후 타이포그래피 섹션에서 글꼴, 크기 등의 텍스트 스타일을 사용자 지정합니다.
3. (선택사항) 설정 탭을 클릭하고 접근성을 연 후 접근 가능한 이름 입력란에 스크린 리더용 설명을 입력합니다.

적용된 필터에는 고객이 선택한 필터와 모두 지우기 버튼이 표시됩니다.

1. 페이지에서 적용된 필터를 선택합니다.

2. 속성 검사 패널에서 디자인 탭을 클릭합니다.

3. 디자인 요소 선택에서 적용된 필터, 필터 태그 또는 모두 지우기를 선택해 해당 요소의 스타일을 지정합니다.

4. (선택사항) 설정 탭을 클릭하고 접근성을 연 후 접근 가능한 이름 입력란에 스크린 리더용 설명을 입력합니다.

1. 페이지에서 정렬 드롭다운을 선택합니다.
2. 액션바에서 아이콘 사용자 지정을 클릭합니다.
3. 아이콘 유형으로 정적 또는 애니메이션을 선택합니다.
4. (선택사항) 다른 아이콘을 선택하려면 변경을 클릭합니다.
5. (선택사항) 속성 검사 패널에서 설정 탭을 클릭하고 접근성을 연 후, 접근성 이름 입력란에 스크린 리더용 설명을 입력합니다.

제품 목록에는 선택한 카테고리의 제품이 표시됩니다.

1. 페이지에서 제품 목록을 선택합니다.
2. 액션바에서 레이아웃 변경을 클릭합니다.
3. 제품 표시 방식을 선택합니다:
   • 레이아웃 선택: 카드, 목록, 슬라이더 또는 고급 그리드를 선택합니다.
   • 행당 아이템 수 설정: 버튼을 활성화하고 각 행에 표시할 제품 수를 입력합니다.
4. (선택사항) 목록 상단의 모드 드롭다운을 클릭하고 기본 모드 또는 아이템 없음을 선택해 제품이 있거나 없을 때의 목록 디자인을 설정합니다.

제품 이미지를 클릭하면 해당 제품 페이지로 이동합니다.

1. 페이지에서 제품 이미지를 선택합니다.
2. 속성 검사 패널에서 설정 탭을 클릭합니다.
3. 이미지 설정을 선택합니다:
   • 이미지: 제품의 기본 미디어를 표시합니다.
   • 대체 텍스트: 이미지의 대체 텍스트로 사용할 제품 데이터를 표시합니다.
   • 표시 모드: 채우기, 맞춤 또는 이미지 비율 유지를 선택합니다.
   • 링크: 제품 페이지로 연결되는 링크를 표시합니다.
4. (선택사항) 액션바에서 이미지 변경 또는 마스크를 클릭해 이미지나 모양을 변경합니다.

1. 제품의 리본을 선택합니다.
2. 속성 검사 패널에서 디자인 탭을 클릭합니다.
3. 디자인할 항목 선택에서 스타일을 변경할 부분(리본, 기본 리본 또는 추가 리본)을 선택합니다.

1. 페이지에서 제품 이름을 선택합니다.

2. 속성 검사 패널에서 디자인 탭을 클릭한 후 타이포그래피 섹션에서 글꼴, 크기 등의 텍스트 설정을 사용자 지정합니다.

1. 제품의 가격을 선택합니다.
2. 속성 검사 패널에서 설정 탭을 클릭합니다.
3. 속성 섹션에서 가격 표시 방식을 선택합니다.
   • 정상가 먼저 표시: 버튼을 활성화하면 할인 전 가격이 먼저 표시됩니다.
   • 시작가 라벨: 제품 가격이 여러 개인 경우 가격 앞에 표시할 텍스트를 입력합니다.
4. (선택사항) 요소 상단의 모드 드롭다운을 클릭하고 기본 모드, 할인 중, 가격 범위 또는 전체 가격을 선택해 해당 가격 표시를 디자인합니다.

1. 제품 목록 하단으로 스크롤해 더보기 버튼을 선택합니다.
2. 속성 검사 패널에서 설정 탭을 클릭합니다.
3. 속성 섹션에서 버튼을 사용자 지정합니다.
   • 텍스트: 버튼에 표시할 텍스트를 입력합니다.
   • 링크 연결 대상: 링크 선택을 클릭해 버튼이 연결될 위치를 설정합니다.
   • 비활성화: 버튼을 활성화해 해당 버튼을 비활성화합니다.
4. (선택사항) 디자인 탭을 클릭하고 디자인할 항목 선택에서 버튼 또는 텍스트를 선택해 해당 부분의 스타일을 변경합니다.