> For the complete documentation index, see [llms.txt](https://docs.archisketch.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.archisketch.com/guide/dev-kr/builder/cafe24/3d-cart-product.md).

# 1.4. 카페24: 3D 장바구니 제품 보여주기

{% hint style="warning" %}
해당 기능을 사용하려면 사전 설치 및 연동 작업이 완료되어야 합니다.

해당 기능은 **\[1.1. 카페24: 앱 설치 방법]**부터 **\[1.3. 카페24: 데이터 가져오기]**까지 설치/연동 작업이 완료되어야 사용할 수 있습니다.
{% endhint %}

## 사용 방법

{% stepper %}
{% step %}

### 데이터 가져오기 연동 후 페이지 이동

[1.3. 카페24: 데이터 가져오기(동기화)](/guide/dev-kr/builder/cafe24/import-data.md) 연동 후, 대시보드의 **\[기업 라이브러리 > 가구]** 페이지에 들어갑니다.

![](/files/ZUuOimDueh6RW7O9XyaQ)
{% endstep %}

{% step %}

### 옵션별 3D 모델링 데이터 업로드

연동된 판매 상품 아이템 카드를 클릭한 후, 제품 상세 페이지에서 **옵션별 3D 모델링 업로드 영역**을 활용하여 **3D 모델링 데이터**를 업로드하세요.

![](/files/twiS2WGxlwKXPjUbHzQV)
{% endstep %}

{% step %}

### 장바구니에서 3D 모델링 적용 제품 확인

판매 제품의 **각 옵션별 3D 모델링 업로드**가 완료되었다면, **연동된 카페24 웹사이트**에서 **해당 3D 모델링이 적용된 제품**을 장바구니에 추가해보세요.

![](/files/luGtwuE1uSr7s0xlfc9C)

**3D 모델링이 적용된 제품 카드**를 클릭하면, 해당 제품의 **3D 모델 뷰어**를 확인할 수 있습니다.

{% hint style="info" %}
3D 모델 뷰어: 모바일 디바이스 WebAR 지원

**모바일**에서 3D 모델 뷰어를 열면 **WebAR 기능**을 사용할 수 있습니다.
{% endhint %}

![](/files/lxhpRRO9g51fyJvubWOu)
{% endstep %}
{% endstepper %}