1. 위젯 이미지
2. 위젯설명 (기능 소개)
상품/시그 위젯은 내 상점(아이템 관리)에 등록해 둔 대표 시그니처 제품 및 후원 상품 이미지들을 방송 화면에 세련된 슬라이드 형태로 회전 노출해 주는 위젯입니다. 방송 레이아웃에 맞춰 이미지 크기, 노출 개수, 롤링 시간(밀리초), 전환 애니메이션 효과 등을 정교하게 조절하여 시청자들에게 판매 중인 리액션 상품을 효과적으로 홍보하고 상시 후원을 유도할 수 있습니다.
3. 세팅 방법 (설치부터 주요 체크항목)
### 1. 오버레이 위젯 URL 준비 및 OBS 등록
* **위젯 링크 복사**: 대시보드의 `상품/시그` 카드에서 **복사 아이콘(📋)**을 클릭하여 고유 화면 주소를 복사합니다.
* **OBS 브라우저 소스 추가**:
1. OBS Studio 소스 목록에서 `+` 버튼을 누르고 **[브라우저 (Browser)]**를 추가합니다.
2. 복사한 상품/시그 오버레이 URL을 붙여넣습니다.
3. 해상도 값을 너비 **1920**, 높이 **1080**으로 고정 설정하여 전체 화면 규격에 가득 채웁니다.
---
### 2. 기본 상점 연동 설정
* **데이터 소스 고정**: '내 상점 제품 (새로운 방식)'으로 디폴트 자동 지정되어 작동합니다.
* **가져올 상품 리스트 선택**:
* 내 상점에서 설정해 둔 그룹(아이템 리스트 1, 2, 3) 중 현재 방송 세션에 노출할 상품 분류 리스트 번호를 선택하여 로드합니다.
---
### 3. 쇼호스트 전용 [재고] 리모컨 기능 활용 (핵심 추천)
대시보드 카드 상단에 배치된 **[재고]** 분홍색 버튼은 라이브 커머스 및 엑셀 방송 시 쇼호스트와 BJ를 위한 실시간 방송 관제 리모컨 팝업을 제공합니다.
* **실시간 재고 및 판매 현황 판독**:
* 현재 방송 중인 상품들의 실시간 판매 수량과 남은 재고 수량을 실시간으로 체크할 수 있습니다.
* **원격 제품 포커싱 (리모컨 기능)**:
* 리모컨 화면에 나열된 제품 카드 중 **특정 제품을 터치(클릭)하면**, 실제 OBS 송출 화면의 슬라이더 영역에 **해당 제품만 팝업 형태로 크게 확대 노출**되도록 원격 포커싱 제어가 가능합니다.
* 단독 판매를 밀어붙이거나 특정 시그니처 리액션 상품을 시청자에게 집중적으로 각인시키고 싶을 때 매우 유용하게 사용할 수 있습니다.
---
### 4. 슬라이더 세부 연출 옵션 조정
* **노출 및 스케일 제어**:
* **이미지 너비/높이**: 송출할 상품 썸네일 이미지의 해상도(기본: 가로 200px, 세로 180px)를 조절합니다.
* **노출 이미지 수**: 한 화면에 동시에 나열할 상품 슬라이드 개수를 지정합니다.
* **시간 및 애니메이션**:
* **슬라이드 시간 간격**: 상품이 회전되는 주기(1000ms = 1초)를 설정합니다. (기본: 5초)
* **애니메이션 효과**: `슬라이드(Slide)` 또는 `페이드(Fade)` 효과 중 선택합니다.
* **랜덤 정렬**: 상품 노출 순서를 무작위로 섞어서 롤링하고 싶다면 체크합니다.
* **위젯 위치 지정**: 방송 테마 및 캠 위치에 맞게 오버레이 노출 위치(예: 하단 중앙, 우측 하단 등)를 선택합니다.
---
### 💡 주요 체크 항목 (동작하지 않을 때 해결법)
1. **상품 이미지가 로드되지 않고 슬라이더가 멈춰있을 때**:
* 내 상점 관리 메뉴(어드민)에 활성화된 상품이 등록되어 있는지 확인해 주세요. 품절 상태이거나 비활성화된 아이템은 슬라이더 목록에서 제외됩니다.
* 대시보드 `상품/시그` 카드의 상단 스위치가 **[ON]**으로 활성화되어 있는지 확인합니다.
2. **슬라이더 크기가 방송국 화면에 비해 너무 작거나 클 때**:
* 설정 창의 `이미지 너비` 및 `이미지 높이` 수치를 조절하고 설정을 저장한 뒤, OBS에서 브라우저 소스의 마우스 우클릭 -> **[새로고침]**을 한 번 적용해 줍니다.
* **위젯 링크 복사**: 대시보드의 `상품/시그` 카드에서 **복사 아이콘(📋)**을 클릭하여 고유 화면 주소를 복사합니다.
* **OBS 브라우저 소스 추가**:
1. OBS Studio 소스 목록에서 `+` 버튼을 누르고 **[브라우저 (Browser)]**를 추가합니다.
2. 복사한 상품/시그 오버레이 URL을 붙여넣습니다.
3. 해상도 값을 너비 **1920**, 높이 **1080**으로 고정 설정하여 전체 화면 규격에 가득 채웁니다.
---
### 2. 기본 상점 연동 설정
* **데이터 소스 고정**: '내 상점 제품 (새로운 방식)'으로 디폴트 자동 지정되어 작동합니다.
* **가져올 상품 리스트 선택**:
* 내 상점에서 설정해 둔 그룹(아이템 리스트 1, 2, 3) 중 현재 방송 세션에 노출할 상품 분류 리스트 번호를 선택하여 로드합니다.
---
### 3. 쇼호스트 전용 [재고] 리모컨 기능 활용 (핵심 추천)
대시보드 카드 상단에 배치된 **[재고]** 분홍색 버튼은 라이브 커머스 및 엑셀 방송 시 쇼호스트와 BJ를 위한 실시간 방송 관제 리모컨 팝업을 제공합니다.
* **실시간 재고 및 판매 현황 판독**:
* 현재 방송 중인 상품들의 실시간 판매 수량과 남은 재고 수량을 실시간으로 체크할 수 있습니다.
* **원격 제품 포커싱 (리모컨 기능)**:
* 리모컨 화면에 나열된 제품 카드 중 **특정 제품을 터치(클릭)하면**, 실제 OBS 송출 화면의 슬라이더 영역에 **해당 제품만 팝업 형태로 크게 확대 노출**되도록 원격 포커싱 제어가 가능합니다.
* 단독 판매를 밀어붙이거나 특정 시그니처 리액션 상품을 시청자에게 집중적으로 각인시키고 싶을 때 매우 유용하게 사용할 수 있습니다.
---
### 4. 슬라이더 세부 연출 옵션 조정
* **노출 및 스케일 제어**:
* **이미지 너비/높이**: 송출할 상품 썸네일 이미지의 해상도(기본: 가로 200px, 세로 180px)를 조절합니다.
* **노출 이미지 수**: 한 화면에 동시에 나열할 상품 슬라이드 개수를 지정합니다.
* **시간 및 애니메이션**:
* **슬라이드 시간 간격**: 상품이 회전되는 주기(1000ms = 1초)를 설정합니다. (기본: 5초)
* **애니메이션 효과**: `슬라이드(Slide)` 또는 `페이드(Fade)` 효과 중 선택합니다.
* **랜덤 정렬**: 상품 노출 순서를 무작위로 섞어서 롤링하고 싶다면 체크합니다.
* **위젯 위치 지정**: 방송 테마 및 캠 위치에 맞게 오버레이 노출 위치(예: 하단 중앙, 우측 하단 등)를 선택합니다.
---
### 💡 주요 체크 항목 (동작하지 않을 때 해결법)
1. **상품 이미지가 로드되지 않고 슬라이더가 멈춰있을 때**:
* 내 상점 관리 메뉴(어드민)에 활성화된 상품이 등록되어 있는지 확인해 주세요. 품절 상태이거나 비활성화된 아이템은 슬라이더 목록에서 제외됩니다.
* 대시보드 `상품/시그` 카드의 상단 스위치가 **[ON]**으로 활성화되어 있는지 확인합니다.
2. **슬라이더 크기가 방송국 화면에 비해 너무 작거나 클 때**:
* 설정 창의 `이미지 너비` 및 `이미지 높이` 수치를 조절하고 설정을 저장한 뒤, OBS에서 브라우저 소스의 마우스 우클릭 -> **[새로고침]**을 한 번 적용해 줍니다.