숏폼 목록 레이아웃 변경하기

Short-form의 목록을 원하는 곳에 아래 3가지 형식으로 노출할 수 있습니다.

  • 콘텐츠 집중형
  • 격자
  • 가로 스크롤



콘텐츠 집중형

콘텐츠 집중형 목록을 노출할 페이지에 아래 코드를 입력합니다.

<div id="shoplive-shortform-1"></div>
<script defer>
  cloud.shoplive.setShortformCollection("shoplive-shortform-1", {template: "GRID1"} );
</script>
콘텐츠 집중형 예시

콘텐츠 집중형 예시



격자

격자형 목록을 노출할 페이지에 아래 코드를 입력합니다.

<div id="shoplive-shortform-2"></div>
<script defer >
  cloud.shoplive.setShortformCollection("shoplive-shortform-2", {template: "GRID2"} );
</script>

격자형 예시

격자형 예시



가로 스크롤

가로스크롤 목록을 노출할 페이지에 아래 코드를 입력합니다.

<div id="shoplive-shortform-3"></div>
<script defer>
  cloud.shoplive.setShortformCollection("shoplive-shortform-3", {template: "HORIZONTAL"} );
</script>

가로 스크롤 예시

가로 스크롤 예시