# 판매 메뉴/사이드메뉴

{% hint style="warning" %}
👉 **2가지 방법으로 설정 가능**

&#x20;     **QR오더 터치키 관리 또는 QR오더 메뉴판 관리에서 편한 방식 대로 설정 및 수정 가능**
{% endhint %}

#### 1️⃣ **QR오더 터치키 관리 (버츄얼 로그인)**

{% hint style="info" %}
**기초관리 > QR오더&페이 관리 > QR오더 터치키 관리**
{% endhint %}

![](https://okpos.gitbook.io/~gitbook/image?url=https%3A%2F%2F684490627-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fv69WyUBA97LF6ssfVxBb%252Fuploads%252FuYt1lh8REQSAcE9zDDkO%252Fimage.png%3Falt%3Dmedia%26token%3Da774a987-638a-46de-a527-0eda91918884\&width=768\&dpr=4\&quality=100\&sign=69874d18\&sv=2)

<div align="left"><figure><img src="https://okpos.gitbook.io/~gitbook/image?url=https%3A%2F%2F684490627-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fv69WyUBA97LF6ssfVxBb%252Fuploads%252FkfhPAyJtZAY1bjFffOlA%252Fimage.png%3Falt%3Dmedia%26token%3Da22b7bf4-7cf1-4473-bf28-bd2c5fffd18a&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=52693367&#x26;sv=2" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %} <mark style="color:red;">**QR오더 터치키 관리  세팅 설정 방법**</mark>&#x20;

1️⃣ <mark style="background-color:yellow;">**간편 세팅**</mark>

**포스 터치키 불러 오기 클릭 > ASP 등록 된 상품 모두 연동 > 메뉴 수정 및 삭제 가능**

**2️⃣&#x20;**<mark style="background-color:yellow;">**매장 맞춤 세팅**</mark>

**1.  메뉴 카테고리명 만들기 (①추가 > 카테고리명 작성 > 저장 )**

**2. 메뉴 리스트 만들기 (②상품 추가 > 판매 메뉴 조회 > 선택 > 저장)**

<mark style="color:red;">**# 상품 추가 시 카테고리명의 NO번호를 필수 클릭 해야 상품 추가 버튼 활성화**</mark>&#x20;

3️⃣ <mark style="background-color:yellow;">**표시 상품명 / 상품 상세 설명 수정**</mark>&#x20;

**# 상품명 : POS에 등록된 메뉴명**

**# 표시 상품명 : QR오더 고객에게 보이는 메뉴명**

**# 상품 상세 설명 : QR오더 고객에게 보이는 상세 설명**

<mark style="background-color:yellow;">**❓판매 메뉴가 주문 테스트 시 보이지 않아요.**</mark>

<mark style="color:red;">**# ASP 설정 변경 시, 필수 포스 재부팅 및 최신 버전 업데이트 확인 후 테스트 요청**</mark>\ <mark style="color:red;">**# 카테고리의 첫번째 메뉴가 품절인 경우, 해당 카테고리가 가장 밑으로 내려가도록 처리 됨**</mark> \
&#x20;   <mark style="color:red;">**(품절 메뉴 최상단 노출 되는것을 방지 하기 위한 기능)**</mark>\ <mark style="color:red;">**# 품절 처리 되지 않은 메뉴들을 최상단 우선 배치 해야 카테고리가 밑으로 내려 가지 않음**</mark>

{% endhint %}

***

#### **2️⃣ ASP (QR오더&페이 셋업)**

{% hint style="info" %}
**ASP > 매장 환경 설정 > QR오더\_페이 셋업 > QR오더 메뉴판 관리**
{% endhint %}

{% hint style="info" %} <mark style="color:red;background-color:yellow;">**QR오더 메뉴판 관리  세팅 설정 방법**</mark>&#x20;

**①에 마우스 클릭 > 카테고리명 작성 > 저장 > 상품명 조회 후 메뉴 드래그 이동**&#x20;

<mark style="color:red;">**# 메뉴 변경 하고 싶은 경우 변경 메뉴 클릭 후 삭제**</mark>&#x20;
{% endhint %}

<div align="left"><figure><img src="https://okpos.gitbook.io/~gitbook/image?url=https%3A%2F%2F684490627-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fv69WyUBA97LF6ssfVxBb%252Fuploads%252F9MU8mtQ1atGiTkVfSNBw%252Fimage.png%3Falt%3Dmedia%26token%3Dad31e404-0dfa-46ec-a4a9-76c6343933cc&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=1cbd221f&#x26;sv=2" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="https://okpos.gitbook.io/~gitbook/image?url=https%3A%2F%2F684490627-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fv69WyUBA97LF6ssfVxBb%252Fuploads%252F4BoDEE7al9FVzXxbvCDc%252Fimage.png%3Falt%3Dmedia%26token%3De0162499-d73a-4e89-b27e-2a4d9f9ba42b&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=a049cdd&#x26;sv=2" alt=""><figcaption></figcaption></figure></div>

***

#### **3️⃣ 메뉴 이미지 적용 방법**

{% hint style="info" %}
**ASP 버츄얼 로그인 > 기초관리 > 상품관리 > 상품등록 > 이미지 변경**&#x20;

<mark style="color:red;">**# 적정 사이즈 : 이미지 권장 크기 : 800 x 530 권장 (가로x세로)**</mark>&#x20;

<mark style="color:red;">**# 사장님 사이트에서는 이미지 적용 불가 ( ASP - 가격 / 이미지 변경 가능 )**</mark> &#x20;
{% endhint %}

<figure><img src="https://684490627-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fv69WyUBA97LF6ssfVxBb%2Fuploads%2F7asIOpqcS5vaZgzWviEB%2F20250428_154345.png?alt=media&#x26;token=f13b7fcf-ec34-403d-abbf-f946cda1be29" alt=""><figcaption></figcaption></figure>

***

#### **4️⃣ 사이드 메뉴 설정 방법 \[선택 사항]**

<div align="left"><figure><img src="https://684490627-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fv69WyUBA97LF6ssfVxBb%2Fuploads%2FGNlsOEQowKtI0DZEUfo1%2Fimage.png?alt=media&#x26;token=619857cb-2a00-4a72-9f1f-f46095736341" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="https://684490627-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fv69WyUBA97LF6ssfVxBb%2Fuploads%2FbW0eC9YTUogeeHDl3TV0%2Fimage%20(1).png?alt=media&#x26;token=2b6ba272-7d35-448f-b74c-174db75eb5ea" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="info" %} <mark style="color:red;background-color:yellow;">**설정  방법**</mark>

**1.버츄얼 로그인 > 기초관리 > 상품관리 > 사이드 메뉴 등록 선택**

**2.선택 메뉴 Tab 선택 \[선택 메뉴만 사용 가능]**

**3.선택그룹 등록 > 선택분류 등록 > 선택 상품 추가**

**4.사이드 메뉴 \[상품 옵션] 상품 적용 하기**

**5. 상품등록에서 옵션 적용 할 상품에 사이드 메뉴 사용 처리 - YES / 생성한 선택메뉴 그룹 선택**

<mark style="color:red;">**# 사이드 메뉴 등록 시 , QR오더 터치키 관리에는 보이지 않지만 QR 오더 메뉴판에는 연동 적용**</mark>
{% endhint %}

{% content-ref url="../../../kiosk/new-kiosk-4/14" %}
[14](https://okpos.gitbook.io/okpos-guide/~/revisions/lt1YltcPRsM9VxF8yG7U/kiosk/new-kiosk-4/14)
{% endcontent-ref %}

***

{% hint style="danger" %}
**설치 가능 환경 > 설치 방법(ASP) > 권한 설정 > 판매 메뉴 > 주문 테스트 > 결제 취소 순으로 진행 부탁 드립니다.**
{% endhint %}
