# Quản lý banner

**I. Chức năng menu Quản lý Banner**

* Tạo mới Banner
* Sửa Banner
* Sao chép Banner
* Xóa Banner

**II. Trang danh sách banner mặc định của hệ thống:**

* Khi khởi tạo gian hàng, hệ thống tạo tự động các banner mẫu mặc định có sẵn
* Khách hàng có thể chỉnh sửa hoặc thêm mới banner tùy ý

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FIDdiDqCnOLSTHdGaYAw3%2Fa1.png?alt=media&#x26;token=4fac783d-384f-4cbf-8a65-16081c827a85" alt=""><figcaption></figcaption></figure>

**III. Hướng dẫn các tính năng của Banner:**

**1. Thêm mới banner:**

Bước 1: Tại Module "Cửa hàng" -> menu Quản lý Banner chọn ![](https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FYm1AuSMTKWXaNB3l3kig%2Fimage.png?alt=media\&token=58011687-f8cf-401a-a0d2-2367c801d798)

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2Fe5vHTihlylTJXid2pklB%2Fa2.png?alt=media&#x26;token=01bca52f-c8ba-41c7-9139-3e7b76b8a1ca" alt=""><figcaption></figcaption></figure>

**Bước 2:** Nhập thông tin:&#x20;

&#x20;\+ Tiêu đề ngắn

&#x20;\+ Vị trí hiển thị

&#x20;\+ Thứ tự sắp xếp

&#x20;\+ Thời gian bắt đầu: thời gian bắt đầu hiển thị banner trên App

&#x20;\+ Thời gian kết thúc: thời gian banner ngừng hiển thị trên App

&#x20;-> Sau đó chọn ![](https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2F342na3At7B8Lpy0FdJBo%2Fimage.png?alt=media\&token=12b2cbd3-929d-4b07-b1a6-167ffc31571f) để hoàn tất việc Thêm mới Banner.

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2F4pW9MmguFdjSXU7bwLlL%2Fa3.png?alt=media&#x26;token=32cd6e8b-1ebd-473b-a150-a6a6ea85d1c9" alt=""><figcaption></figcaption></figure>

**2. Sửa Banner:**

Bước 1: Vào trang quản lý "Danh sách Banner" -> chọn tính năng **Sửa**

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FvCSSDEGavEatWtHwk8R1%2Fa4.png?alt=media&#x26;token=dabf7388-0f1d-43c2-80e6-3039ab44a648" alt=""><figcaption></figcaption></figure>

Bước 2: Admin chỉnh sửa các thông tin chi tiết trong Chương trình Banner sau đó bấm ![](https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FzfYTC3Kdzzm6YltFVOoU%2Fimage.png?alt=media\&token=539409c5-7d7e-471c-ae88-a72a5db2fec0) để 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%2F0Dq83ORTpbWFxx0nDzVh%2Fa5.png?alt=media&#x26;token=18e2549f-9959-4601-a4b6-c035e8465f1a" alt=""><figcaption></figcaption></figure>

***Lưu ý:*** Tên các Banner không được trùng nhau.

**3. Sao chép banner:**

Tính năng Sao chép banner cho phép admin sao chép toàn bộ thông tin về nội dung, hình ảnh, thời gian của 1 chương trình banner đã tạo sẵn trước đó&#x20;

Bước 1: Admin vào trang Danh sách Banner và bấm ![](https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FyZj9yxOEmUNE9z0ENpw6%2Fimage.png?alt=media\&token=cecd3fde-a4a2-4a74-9b19-a2d1107d955f) để copy chương trình banner có sẵn trong danh sách

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FBqH7kwwvrv24ecT1ZoPn%2Fa6.png?alt=media&#x26;token=cd3fcecc-456b-49fa-be8c-c811134f4bb0" alt=""><figcaption></figcaption></figure>

Bước 2: Admin có thể chỉnh sửa các thông tin của banner sau đó bấm Lưu để hoàn tất thao tác sao chép

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FHvGvu0TcJ6No5JZMCfcE%2Fa7.png?alt=media&#x26;token=cfc5c34d-0777-45a4-a90d-8a3372784e38" alt=""><figcaption></figcaption></figure>

**4. Xóa banner**

Bước 1: Admin vào trang Danh sách Banner và bấm ![](https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FO6es4Ex30P6EkvQQVdKa%2Fimage.png?alt=media\&token=ddec33bb-87bd-47d0-89f7-6ed7860dc5e8) để xóa chương trình banner đã tạo

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2FibHWSPdy94dJzavp9N1f%2Fa8.png?alt=media&#x26;token=8a187d5d-bc10-4bc8-bdb8-948cabc81121" alt=""><figcaption></figcaption></figure>

Bước 2: Hệ thống gửi thông báo xác nhận qua popup, admin chọn ok nếu muốn Xóa hoặc Cancel nếu hủy xóa

<figure><img src="https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQa7fjZRtFKJkPsrqu5%2Fuploads%2F9idaMR9GEBKL0bhTTgUd%2Fa9.png?alt=media&#x26;token=be80bb39-1dec-41bf-af32-144971b41dd5" alt=""><figcaption></figcaption></figure>

**III. Các vị trí hiển thị banner trên website và trên app:**

1\. Trên cùng trang chủ website ( kích thước 800x500 px)

![](https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQa7fjZRtFKJkPsrqu5%2F-MkBOxR7ABchYdgWW6D6%2F-MkBPT9KTY4pvQxaf6KI%2Fimage.png?alt=media\&token=d126ff7e-a96b-49d3-a3cc-278516d7bcb6)

2\. Giữa trang chủ website ( 600x200 px)

![](https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQa7fjZRtFKJkPsrqu5%2F-MkBTw_fOHZfJ2bumHxB%2F-MkBU2EiVc1b8rL4CTww%2Fimage.png?alt=media\&token=9804a453-498d-476d-901f-887c79e02ebf)

3\. Trên cùng trang chủ app  ( Vị trí trên cùng dành cho 1 số template khác của App. Template này không hỗ trợ. )

4\. Giữa trang chủ app:

![](https://4274594821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQa7fjZRtFKJkPsrqu5%2F-MkBXkgdknGX45YFFiHl%2F-MkBYqTiHz25plxLNZMF%2Fimage.png?alt=media\&token=1f57da49-c1b9-4bef-a7fb-5d0148ab1bbd)