# Quản lý menu

Người thực hiện Quản trị cửa hàng

## **I.** Menu được cài đặt sẽ hiển thị trên App bán hàng như nào?

Vào Module Cửa hàng -> Chọn Quản lý Menu

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2Fp0ttXhAW9N9nM5om0Qry%2Fa1.png?alt=media&#x26;token=7d130804-afee-4f3a-95a2-c70fe7d8ea8d" alt=""><figcaption></figcaption></figure>

Lưu ý: Trường hợp đặc biệt nếu Cửa hàng chưa tạo Menu cho cửa hàng thì App sẽ mặc định đưa danh mục lên làm menu của App

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FlnNCByLwRwcoFh9zRcYk%2Fimage.png?alt=media&#x26;token=6458333b-6016-4598-9ab6-15b84b6e9b59" alt=""><figcaption></figcaption></figure>

Menu hiển thị trên App

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FT7YSQBMA5VkfxeTHj4EK%2F17.jpg?alt=media&#x26;token=8a0f2d31-b887-4107-809c-a91e665da5d1" alt="" width="188"><figcaption></figcaption></figure>

**Có 2 cách hiển thị menu trên app:**

**Cách 1:**

* Hiển thị theo chiều dọc
* Chọn số lượng cột hiển thị trên app ( nên chọn 4 cột phù hợp với giao diện app)

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FmdgWpxV9KWhL5ICFAcRN%2Fimage.png?alt=media&#x26;token=31f3795c-4114-4e9e-8397-2e8b3ae571af" alt=""><figcaption></figcaption></figure>

**Ảnh minh họa trên app:**

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FQr7GMnop2iBlyRdRuEOZ%2Fimage.png?alt=media&#x26;token=769c7be8-6249-4fa9-b918-2e90c8b164c8" alt="" width="225"><figcaption></figcaption></figure>

**Cách 2:**

* Hiển thị theo chiều ngang
* Chọn số lượng dòng hiển thị trên app: 4

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2F1RTh5IZiYNo3IWyxPdvu%2Fa3.png?alt=media&#x26;token=47bedc7f-3932-4da4-8d25-684e80db2fb0" alt=""><figcaption></figcaption></figure>

**Ảnh minh họa trên app:**

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2F5V6N2dfSKgX4hb5jU8wR%2Fimage.png?alt=media&#x26;token=df7015af-f6a2-4163-8cff-24604eb7286f" alt="" width="225"><figcaption></figcaption></figure>

Sau khi thay đổi thông tin Quản trị cửa hàng chọn nút **Cập nhật** để lưu thông tin.

## **II. Quản lý menu**

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FznhmkHRZUM4eVYi1NwXT%2FScreenshot%202024-05-08%20092719.png?alt=media&#x26;token=6b384646-9630-4ce1-9258-375fabc0c125" alt=""><figcaption></figcaption></figure>

Hệ thống cung cấp 1 số các chức năng sau:

* Thêm Menu App
* Tạo menu mặc định
* Sửa Menu
* Sao chép Menu
* Ẩn Menu
* Xóa menu

### **2.1. Thêm mới menu App**

Bước 1: Tại module Cửa hàng -> Quản lý menu -> Thêm menu app

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FV8ChGXbMEi0P69r2Q1oW%2Fa4.png?alt=media&#x26;token=d02bbedb-fa17-403e-95fd-2085a44f5162" alt=""><figcaption></figcaption></figure>

Bước 2: Nhập thông tin menu: tiêu đề, đường dẫn, vị trí menu, thứ tự hiển thị trên app, Ảnh Icon => Bấm **LƯU**

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2F2us0nvMSSJzIGhfISl6V%2Fimage.png?alt=media&#x26;token=051a827f-bd02-48e7-a234-02be76ad1b9b" alt=""><figcaption></figcaption></figure>

### **2.2.Tạo menu mặc định**&#x20;

&#x20;Khi tạo menu mặc định này chỉ được tạo một lần duy nhất

Sau khi admin đã tạo mới các danh mục trên app => Hệ thống sẽ auto sao chép tất cả các danh mục trên app thành các menu tương ứng

Bước 1: Tại Module "Sản phẩm" -> mục "Danh mục" : Tạo mới danh mục&#x20;

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FXQagvOTYBPBnTJpk5125%2Fa1.png?alt=media&#x26;token=3c475a55-602c-42ed-877f-f6634d5dfb3e" alt=""><figcaption></figcaption></figure>

Bước 2: Tạo Module "Cửa hàng" -> "Quản lý Menu" -> chọn "Tạo menu mặc định

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FiXzPAPzURZCCXjOHnaFi%2Fa2.png?alt=media&#x26;token=6bb97e3a-489a-4fad-bfa5-0d74c700a9bf" alt=""><figcaption></figcaption></figure>

Bước 3: Danh sách menu được tạo:

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FHYsoeki9FK7CntnhrPiK%2Fa3.png?alt=media&#x26;token=c78fba72-156e-459f-8458-c7bda901f505" alt=""><figcaption></figcaption></figure>

### **2.3.Sửa menu**

Bước 1: Vào danh sách menu:

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FduuwXOzgOxZKEMqUfG80%2Fa5.png?alt=media&#x26;token=a2375ba8-90fc-4352-9e85-ceb6711838ab" alt=""><figcaption></figcaption></figure>

Bước 2:  Chọn hành động SỬA

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FyNQhq3BpkiTDot8KP1si%2Fimage.png?alt=media&#x26;token=b7ddcc61-07bd-4455-8296-31804ef19214" alt=""><figcaption></figcaption></figure>

Bước 3: Admin điền các thông tin cần chỉnh sửa sau đó bấm Lưu để hoàn tất&#x20;

### **2.4.  Sao chép menu**

Bước 1: Vào danh sách menu chọn hành động ->sao chép

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2Fz4oiNdw4yX55bfTh5mrA%2Fimage.png?alt=media&#x26;token=166bdeec-d21f-4985-96ea-f146b778d6d2" alt=""><figcaption></figcaption></figure>

Bước 2: Nhập thông tin chi tiết menu cần sao chép sau đó bấm -> Lưu để hoàn tất

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FI9UXr3vSPEdXHKiB7kRo%2Fimage.png?alt=media&#x26;token=14c6743a-a962-403f-88d5-7dd9980e25e5" alt=""><figcaption></figcaption></figure>

### **2.5. Ẩn menu**

Bước 1 vào trang danh sách menu chọn hành động -> **Ẩn menu**

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2Fum8rmOHBewNmqsyQqcxc%2Fimage.png?alt=media&#x26;token=c450f496-d137-42e1-a873-40f343f8637a" alt=""><figcaption></figcaption></figure>

Bước 2: Menu sẽ được chuyển sang trạng thái :" **Đang ẩn**"

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FgaFzw6F9qvdO7lkK6Dkw%2Fimage.png?alt=media&#x26;token=e4db0199-e5cb-4c5d-b4c3-6c1530187541" alt=""><figcaption></figcaption></figure>

### **2.6. Hiện menu**

Admin vào trang quản lý menu, chọn menu cần hiện và chọn hành động -> **Hiện menu** để thay đổi trạng thái

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FSuoPqS4GkLalErGC7Trv%2Fimage.png?alt=media&#x26;token=ac7a01cd-1f6d-4925-95da-6e77dfa83404" alt=""><figcaption></figcaption></figure>

### **2.7. Xóa menu**

Admin vào trang quản lý menu, chọn menu cần xóa và chọn hành động -> **Xóa** &#x20;

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FACSr6io2FCvAGNvs2em1%2Fimage.png?alt=media&#x26;token=4f033bac-b0f9-4592-83e7-1fd5abfed6a2" alt=""><figcaption></figcaption></figure>

Màn hình sẽ hiển thị ra một poppup -> Chọn **Xóa** để xóa menu

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FrBbtfpsKWKhKHoUMitjZ%2FScreenshot%202024-05-08%20095304.png?alt=media&#x26;token=b35ef8f0-7e22-4113-8237-130cd7d22b11" alt=""><figcaption></figcaption></figure>

<br>