# Wix 쇼핑몰: Studio Two 제품 페이지 사용자 지정하기

Source: https://support.wix.com/ko/article/wix-stores-customizing-the-studio-two-product-page-ko (updated 2026-11-13)
Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt

> **중요!** 최상의 사용 환경을 제공하기 위해 Studio Two 에디터의 기능을 단계적으로 출시하고 있습니다. 따라서 일부 Wix 쇼핑몰 위젯에서는 아직 Studio Two의 모든 기능을 사용할 수 없습니다.

Wix의 제품 페이지는 자유롭게 사용자 지정할 수 있어 원하는 디자인을 완성할 수 있습니다. 먼저 페이지의 글로벌 설정을 구성한 후, 원하는 디자인이 완성될 때까지 각 피스를 개별적으로 조정합니다.

> **도움말:** 모든 제품에 동일한 페이지가 적용되므로 편집 내용은 전체 제품 카탈로그에 반영됩니다. 다른 제품에 디자인이 어떻게 표시되는지 확인하려면 페이지 상단의 미리보기 도구 모음에서 제품을 선택합니다.

---

## 1단계 | 글로벌 설정 사용자 지정하기

먼저 여백, 디자인, 연결된 데이터 등 전체 페이지에 적용할 설정을 구성합니다.

### 글로벌 설정을 사용자 지정하려면 다음 단계를 따르세요.

1. [에디터로 이동합니다](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26).
2. **사이트 구조** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/07/03/8fee07e0-2941-45dd-a732-3a3cc3343a50/afb13012-daf6-4a51-97bf-6ff135bbd545.png) 아이콘을 클릭합니다.
3. **페이지** 탭을 클릭합니다.
4. **쇼핑몰 페이지** 아래에서 **제품 페이지**를 클릭합니다.
5. 액션바에서 사용자 지정할 항목을 선택합니다.

**데이터 관리**

1. **데이터 관리**를 클릭합니다.
2. 대시보드의 **제품** 페이지에서 제품을 추가하고 관리합니다.

**도움말:** [제품 및 카테고리 관리에 대해 자세히 알아보세요.](https://support.wix.com/ko/managing-products-and-categories)

**여백 및 동작**

1. **여백 및 동작** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6583964-8756-4344-ae8a-f24ce7803d0f/2026/11/02/85618892-5bd9-4167-8c60-7e72d8ef2c6f/image.png) 아이콘을 클릭합니다.
2. 페이지에 적용할 여백을 입력합니다.

**모든 디자인 옵션**

1. **모든 디자인 옵션** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/59ab096e-e0a0-4b06-ad46-bd78e940c7f1/2026/07/22/375e5844-2445-425d-9084-d72e10b1ca22/image.png) 아이콘을 클릭합니다.
2. [속성 검사 패널에서 디자인 옵션을 설정합니다.](https://support.wix.com/ko/article/studio-two-editor-working-with-the-inspector-panel#design)

**데이터에 연결**

1. 페이지에서 요소를 오른쪽 클릭합니다.
2. **데이터에 연결**을 클릭합니다.
3. [요소를 데이터 소스에 연결합니다.](https://support.wix.com/ko/article/studio-two-editor-about-data-sources)

---

## 2단계 | 개별 요소 사용자 지정하기

페이지에서 설정할 요소를 선택합니다. 각 요소의 **디자인** 및 **설정** 탭은 [속성 검사 패널](https://support.wix.com/ko/article/studio-two-editor-working-with-the-inspector-panel)에서 확인할 수 있습니다.

### 요소를 사용자 지정하려면 다음 단계를 따르세요.

1. [에디터로 이동합니다](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26).
2. **사이트 구조** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/07/03/8fee07e0-2941-45dd-a732-3a3cc3343a50/afb13012-daf6-4a51-97bf-6ff135bbd545.png) 아이콘을 클릭합니다.
3. **페이지** 탭을 클릭합니다.
4. **쇼핑몰 페이지** 아래에서 **제품 페이지**를 클릭합니다.
5. 사용자 지정할 요소를 클릭합니다.
6. 속성 검사 패널에서 **설정** 탭을 클릭합니다.
7. 요소를 설정합니다.

**제품 미디어 갤러리**

1. 페이지에서 미디어 갤러리를 선택합니다.
2. **동영상** 및 **슬라이더** 섹션에서 갤러리를 설정합니다.  
   * **동영상 작업 도구 표시:** 버튼을 활성화해 동영상에 재생 작업 도구를 표시합니다.  
   * **동영상 자동 재생:** 버튼을 활성화해 동영상을 자동으로 재생합니다.  
   * **동영상 반복 재생:** 버튼을 활성화해 동영상을 연속으로 반복 재생합니다.  
   * **아이템 반복:** 버튼을 활성화해 슬라이더의 최종 아이템 다음에 첫 번째 아이템으로 돌아갑니다.
3. (선택사항) **디자인** 탭을 클릭하고 **디자인할 요소 선택** 아래에서 **갤러리 아이템**, **다음 버튼** 또는 **이전 버튼**을 선택해 해당 부분의 스타일을 지정합니다.

**사이트 이동 경로**

1. 페이지에서 사이트 이동 경로를 선택합니다.
2. **접근성 이름** 입력란에 스크린 리더용 설명을 입력합니다.

**제품 이름**

제품 이름은 제품 데이터에 연결된 텍스트 요소이므로 각 제품의 이름이 자동으로 표시됩니다.

1. 페이지에서 제품 이름을 선택합니다.
2. 액션바에서 글꼴, 크기 등 텍스트 스타일을 설정합니다.

**가격**

1. 페이지에서 가격을 선택합니다.
2. **속성** 섹션에서 가격 표시 방법을 선택합니다.  
   * **원본 가격 우선:** 버튼을 활성화해 할인 가격보다 원본 가격을 먼저 표시합니다.  
   * **시작 가격 라벨:** 제품 가격이 다양한 경우 가격 앞에 표시할 텍스트를 입력합니다.

**리본**

1. 페이지에서 리본을 선택합니다.
2. 속성 검사 패널에서 **디자인** 탭을 클릭합니다.
3. **디자인할 항목 선택**에서 스타일을 설정할 항목을 선택합니다.  
   * **리본:** 모든 리본의 스타일을 한 번에 설정합니다.  
   * **기본 리본:** 메인 리본의 스타일을 설정합니다.  
   * **추가 리본:** 기타 리본의 스타일을 설정합니다.

**제품 옵션**

1. 페이지에서 제품 옵션을 선택합니다.
2. 옵션 표시 방법을 선택합니다.  
   * **텍스트 옵션 표시 형식:** 텍스트 옵션의 표시 방법으로 **버튼** 또는 **드롭다운**을 선택합니다.  
   * **색상 옵션, 텍스트 옵션 및 선택사항: 옵션 유형 가시성**에서 각 버튼을 활성화 또는 비활성화해 해당 옵션 유형을 표시하거나 숨깁니다.  
   * **표시할 옵션:** 슬라이더를 드래그해 표시할 옵션 수를 1개부터 **전체**까지 선택합니다.

**참고:** 필수 옵션을 숨기면 고객이 제품을 카트에 추가하지 못할 수 있습니다. 숨겨진 옵션은 다른 제품 옵션 요소에 표시하세요.

**구독 플랜**

1. 페이지에서 구독 플랜을 선택합니다.
2. 플랜 표시 방식을 선택합니다:  
   * **콘텐츠 모드: 일회성 및 구독** 또는 **모든 카드**를 선택합니다.  
   * **일회성 카드 위치: 첫 번째** 등 일회성 구매 카드가 표시될 위치를 선택합니다.
3. (선택사항) 패널 상단에서 **주기 드롭다운**을 선택해 **HTML 태그**, **접근성 이름** 등의 접근성 옵션을 설정합니다.

**수량 선택기**

1. 페이지에서 수량 선택기를 선택합니다.
2. 액션바에서 **플러스 아이콘 사용자 지정** 또는 **마이너스 아이콘 사용자 지정**을 클릭해 아이콘을 변경합니다.
3. (선택사항) **디자인** 탭을 클릭한 후 **디자인할 요소 선택**에서 **마이너스 버튼** 또는 **플러스 버튼**을 선택해 버튼 스타일을 지정합니다.

**액션 버튼**

액션 버튼에는 카트에 추가 및 구매하기 버튼이 함께 표시됩니다.

1. 페이지에서 버튼을 선택합니다.
2. **속성** 섹션에서 버튼의 작동 방식을 선택합니다:  
   * **버튼에 가격 표시:** 버튼에 가격을 표시하려면 버튼을 활성화합니다.  
   * **클릭 시 옵션 선택 요청:** 클릭 후 제품 옵션을 선택하라는 메시지를 표시하려면 버튼을 활성화합니다.  
   * **선택 누락 시 버튼 텍스트:** 고객이 모든 옵션을 선택하지 않았을 때 버튼에 표시할 텍스트를 입력합니다.  
   * **사전 주문 버튼 클릭 작업:** 고객이 사전 주문 버튼을 클릭했을 때 실행할 작업을 선택합니다(예: **카트에 추가**).  
   * **카트에 추가 후 작업:** 고객이 제품을 카트에 추가한 후 실행할 작업을 선택합니다(예: **사이드 카트 열기**).

**제품 정보 섹션**

1. 페이지에서 정보 섹션을 선택합니다.
2. 제품 설명을 표시하려면 **제품 정보 섹션** 탭에서 **제품 설명 표시** 버튼을 활성화합니다.
3. **아코디언** 탭을 클릭하고 섹션을 여는 방식을 선택합니다:  
   * **기본 상태 선택: 모든 아이템 닫힘**, **첫 번째 아이템 열림** 또는 **모든 아이템 열림**을 선택합니다.  
   * **여러 아이템 열기 허용:** 고객이 한 번에 여러 섹션을 열 수 있도록 버튼을 활성화합니다.