# Thay đổi Hero Banner

Chính là phần hiển thị ngay đầu trang chủ, bên dưới thanh bar của web.

![Hero Banner hiển thị trên Desktop](https://932660843-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-Mf6lh2rhzVJJkzi9JQt%2F-Mf6zqKovcCGPdvIBdDn%2FHuong-dan-cai-dat-hero-banner-2-hoola.jpg?alt=media\&token=07ed9443-15fb-41ba-ba03-14bd608441a8)

![Hero Banner hiển thị trên Mobile](https://932660843-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-Mf6lh2rhzVJJkzi9JQt%2F-Mf7-ucB_0ozXye-ymhE%2FHuong-dan-cai-dat-hero-banner-3-hoola.jpg?alt=media\&token=fce50a92-46f9-482b-93aa-71c64060a9a1)

Vào `Cài đặt hiện thị`​![sau đó](https://lh3.googleusercontent.com/3_l97rr0GvhSP2XV5OoCkV2ZDTIisAOczrSdzNCBxhIKWrjXjHucxNwocghoUa39gw=w36-h36)`Trang chủ`​![sau đó](https://lh3.googleusercontent.com/3_l97rr0GvhSP2XV5OoCkV2ZDTIisAOczrSdzNCBxhIKWrjXjHucxNwocghoUa39gw=w36-h36)`Hero banner`​

![](https://932660843-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-Mf708zTlnD0oTPZzUdm%2F-Mf70HbnRO95tx9KpNnM%2FHuong-dan-cai-dat-hero-banner-1-hoola.jpg?alt=media\&token=9c0eccf4-1428-4810-b3f7-a33c0b73af46)

* Ảnh Banner desktop: Kích thước 1440 x 400 px
* Ảnh Banner mobile: Kích thước: 768 x 400 px. Kích thước khuyến khích nội dung (text chính, ảnh chính): 375 \* 400 px.

Để thay đổi ảnh hero banner, nhấn vào phần `Chỉnh sửa`.

![](https://932660843-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-Mf708zTlnD0oTPZzUdm%2F-Mf72GgeESmbVI6weZQ8%2FHuong-dan-cai-dat-hero-banner-4-hoola.jpg?alt=media\&token=2129d27f-03c6-4a32-a321-6999182ab450)

Nhấn `Upload` để tải hình ảnh banner lên

![](https://932660843-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-Mf72NNXjE9tIXsqktFb%2F-Mf73DWn7lzF6ZZmdaii%2FHuong-dan-cai-dat-hero-banner-5-hoola.jpg?alt=media\&token=fad4fd67-7a81-4746-bac0-6cf1bda14c4e)

Sau khi tải lên thành công, nhấn `Về thư viện` để quay trở lại

![](https://932660843-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-McI1FTbq0bXgd9Amfxt%2F-McI3DVZ7S3_4V-d8AXK%2FHuong-dan-cai-dat-hien-thi-doi-logo-3-hoola.jpg?alt=media\&token=1f1c3cd3-97ff-4e5d-b195-73bfbbdf8a24)

Nhấn `Chọn` để đưa hình ảnh ra ngoài

![](https://932660843-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-Mf72NNXjE9tIXsqktFb%2F-Mf73vBu755qWAiFzeLV%2FHuong-dan-cai-dat-hero-banner-6-hoola.jpg?alt=media\&token=9bcaca23-cb64-43eb-9a17-e8d424779d32)

Nhấn `Cập nhập` để lưu thông tin và hiển thị bên ngoài web

![](https://932660843-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-Mf72NNXjE9tIXsqktFb%2F-Mf74NHe-1mZYuBdaBPV%2FHuong-dan-cai-dat-hero-banner-7-hoola.jpg?alt=media\&token=ff4a2ef5-8bf7-4529-a950-340833b300b4)

Ngoài ra, tại phần này có có một nội dung hiện thi text giới thiệu, quản trị có thể bật/tắt theo nhu cầu. Nếu ảnh banner mình đơn giản, hoặc quản trị chưa kịp thuê bên thiết kế thì có thể upload một ảnh background cảnh và cho hiển thị nội dung text. Còn nếu ảnh banner đã có thiết kế riêng thì có thể tắt tính năng này để tránh bị rối.

![](https://932660843-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-Mf74Vy2dkk_z3LAJ8qc%2F-Mf75UhcJktnfMdM-xUh%2FHuong-dan-cai-dat-hero-banner-8-hoola.jpg?alt=media\&token=deb35f8b-9edf-4213-a93e-e3cc93c2720c)

> Giờ khách hàng có thể load lại trang web trên desktop và mobile và xem hình ảnh banner hiển thị như thế nào!