# HDSD Menu phụ trên APP (Menu thương hiệu)

## I. Cấu hình trên Web Admin

### 1. Tạo nhóm sản phẩm

Nhóm sản phẩm sẽ được nâng cấp thêm các trường : Ảnh logo nhóm, Mô tả của nhóm sản phẩm

![](https://t3777165.p.clickup-attachments.com/t3777165/3c769a58-342d-40a2-b9d4-1bb1397a8c89/image.png)

### 2. Quản lý menu

Phần thêm mới menu trên App sẽ thêm vào "**Vị trí menu**" 1 sự lựa chọn mới "**Menu phụ trên App**".

Menu phụ sẽ tương tự như menu hiện tại trên App chỉ khác về cách hiển thị

<br>

Để tạo menu Thương Hiệu thì phần "**Đường dẫn Menu trên App**" sẽ chọn dẫn đến nhóm sản phẩm. Và phần Logo hiển thị trên App ở trang chủ sẽ là menu được thêm tại đây

![](https://t3777165.p.clickup-attachments.com/t3777165/19a64e4b-52fe-4a72-9579-8c9e24d87eb4/image.png)

Lưu ý: Menu phụ trên App sẽ không bị ảnh hưởng bới phần "**Cài đặt menu**"

![](https://t3777165.p.clickup-attachments.com/t3777165/f31c4218-6e6f-4d38-ab14-bc0118231254/image.png)

## II. Hiển thị trên APP

### 1. Giao diện trang chủ

Menu phụ sẽ được đặt bên dưới của menu chính hiện tại trên App. Menu sẽ chỉ hiển thị Logo của menu và không hiển thị tên

<img src="https://t3777165.p.clickup-attachments.com/t3777165/5d526bdc-9528-4907-bcc2-ae1ba207247f/image.png" alt="" width="310">

### 2. Giao diện nhóm sản phẩm mới

Giao diện mới của nhóm sản phẩm sẽ có thay đổi:

* Phần logo và tên sẽ được đặt lên trên cùng ở phần đầu trang
* Phần banner sẽ được hiển thị ngay bên dưới cùng với phần mô tả. Phần mô tả sẽ hiển thị tối đa 4 dòng và xem thêm
* Nếu nhóm sản phẩm này có các nhóm con thì cùng sẽ hiển thị ra(tối đa 3 nhóm con được hiển thị)

<img src="https://t3777165.p.clickup-attachments.com/t3777165/9262fcb3-8ae3-4baf-a28f-8a130babd725/image.png" alt="" width="318">

* Bên dưới các nhóm con sẽ là phần "**Tất cả sản phẩm**". Phần này sẽ là phần hiện tại của nhóm sản phẩm trên App

<br>

<figure><img src="/files/qctxPFx1lTpZSXJVlDWy" alt=""><figcaption></figcaption></figure>

<br>

<br>

<br>

<br>

<br>

<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://tailieu.abaha.vn/quan-ly-modules/cua-hang/quan-ly-menu/hdsd-menu-phu-tren-app-menu-thuong-hieu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.