간편 연동 - 쇼피파이

인쇄

기사 요약

이 요약이 도움이 되었나요?

의견을 보내 주셔서 감사합니다.

공통

아래의 주소로 방문해 Shopify 계정으로 로그인합니다.

https://accounts.shopify.com/lookup

테마 수정

온라인 스토어에서 테마를 선택합니다. 현재 테마에서 코드 수정 버튼을 클릭합니다.

코드 수정

코드 편집창이 뜨면 theme.liquid를 클릭하고 태그 밑으로 아래 코드를 입력합니다. accessKey를 'YOUR ACCESS KEY HERE' 부분에 입력하고 저장합니다.

<script type="text/javascript" src="https://static.shoplive.cloud/shoplive-shortform.js"></script>
<script>cloud.shoplive.initShortform({ accessKey: 'YOUR ACCESS KEY HERE' });</script>

페이지 편집

Page 버튼을 클릭하여 숏폼을 추가할 페이지에 아래 코드를 입력한 뒤 저장합니다.

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

전시 예시

숏폼 목록의 레이아웃을 변경하는 방법은 아래 가이드를 참고해주세요.
고급 설정 - 컬렉션 구성

What's Next

컬렉션 고급 구성

공통
테마 수정
코드 수정
페이지 편집
전시 예시