GuidesAPI GuideChangelog
Log In
Guides

전체 페이지

load 는 어드민 쇼룸 설정에 등록·공개된 콘텐츠를 등록 순서대로 한 번에 표시합니다.

전체 페이지 — 쇼룸 WEB
예상 소요 시간: 5분
📋 사전 조건: 라이브러리 설치
쇼룸 전체 페이지 — 헤더·이미지 배너·최근 라이브·띠 배너
load 가 그리는 전체 페이지 — 어드민에 등록·공개한 콘텐츠가 등록 순서대로 표시됩니다
호출
html
<div id="sauce-showroom"></div>

<script>
  window.SauceShowroomLib.load({ elementId: 'sauce-showroom' })
</script>
파라미터타입필수기본값설명
elementIdString선택sauce-showroom전체 페이지를 표시할 요소의 ID

표시되는 것

헤더가 먼저 오고, 그 아래에 어드민에 등록한 콘텐츠가 등록 순서대로 이어집니다.

영역노출 조건
헤더 — 로고테마에서 로고를 사용으로 설정한 경우
헤더 — 검색테마에서 검색을 사용으로 설정한 경우
콘텐츠어드민 쇼룸 설정에서 공개 상태이고 공개 기간 안인 콘텐츠
📌 로고와 검색 둘 다 사용하지 않으면 헤더 자체가 표시되지 않습니다.

표시 가능한 콘텐츠 종류

어드민에서 불러올 수 있는 콘텐츠는 8종입니다. 개별 모듈 함수로 같은 콘텐츠를 따로 표시할 수도 있습니다.

콘텐츠개별 모듈 함수
이미지 배너loadImageBanner
띠 배너loadStripBanner
라이브 배너loadLiveBanner
최근 라이브loadRecentLive
예정 라이브loadScheduledLive
라이브 캘린더loadLiveCalendar
VOD 큐레이션loadVodCuration
CLIP 큐레이션loadClipCuration

콘텐츠가 표시되지 않는 경우
상태결과
공개쇼룸에 노출
대기어드민 미리보기에만 노출
비공개미리보기와 쇼룸 모두 미노출
공개 기간 밖미노출
💡 상태 설정 절차는 어드민 쇼룸 관리에 있습니다.

Did this page help you?
🏠 소스라이브 🎬 소스클립 🔗 소스링크 📢 소스애드
🧩 API 가이드
🆕 최근 업데이트
💬 도움이 더 필요하신가요?
메일로 문의 카카오톡 채널로 문의
담당자에게 문의하기

궁금한 점이나 불편했던 점을 남겨주시면 담당자가 확인 후 답변드릴게요.

가이드 챗봇 BETA
* AI를 활용해 답변해서 사실과 다를 수도 있어요. 더 궁금한 사항은 '담당자에게 문의하기'를 이용해주세요.
💡 궁금한 솔루션(예: 라이브, 링크 등)을 함께 적어주시면 더 정확한 답변을 받을 수 있어요.