![Lorem Ipsum](/_next/image?url=https%3A%2F%2Fd24rsy7fvs79n4.cloudfront.net%2Facademy.eraweb.net%2F1000x1000%2F20230426091048_29_1682475048.3112.webp&w=2048&q=75)
![Lorem Ipsum](/_next/image?url=https%3A%2F%2Fd24rsy7fvs79n4.cloudfront.net%2Facademy.eraweb.net%2F1000x1000%2F20230426135513_29_1682492113.6726.webp&w=2048&q=75)
Add-on Button
![Lorem Ipsum](/_next/image?url=https%3A%2F%2Fd24rsy7fvs79n4.cloudfront.net%2Facademy.eraweb.net%2F1000x1000%2F20230426134727_29_1682491647.5894.webp&w=2048&q=75)
![Lorem Ipsum](/_next/image?url=https%3A%2F%2Fd24rsy7fvs79n4.cloudfront.net%2Facademy.eraweb.net%2F1000x1000%2F20230426134509_29_1682491509.3933.webp&w=2048&q=75)
Chúng ta sử dụng phần add-on Button tạo những nút chuyển hướng cho trang web. Thường tạo cho các giao diện section chứa nội dung thu gọn sau đó người dùng click chọn để sang một trang có chứa nội dung chi tiết hơn.
Bước 1: Chọn add-on Button hoặc gõ tìm kiếm với Button trên thanh add-on. Sau đó kéo thả vào vùng Block được chọn.
Bước 2: Tìm và Click chọn phần Icon Config của Add on Button trên thanh Layer xuất hiện hộp thoại Config.
![](https://d24rsy7fvs79n4.cloudfront.net/academy.eraweb.io/20231002103658_29_1696217818.3938.webp)
Redirect:đường dẫn mà bạn muốn chuyển hướng.
Open: Chọn kiểu xem trên trình duyệt (xem không chuyển tab và xem có chuyển sang 1 tab mới trên trình duyệt)
Bước 3: Khi bạn cấu hình toàn bộ ta nhấn nút Apply để hoàn thành việc Config cho Button.
Việc ta thiết lập giao diện: màu sắc, kích thước, kiểu chữ.. Sẽ phụ thuộc trên Tool khi đó ta click chọn 1 vùng trên add-on để thực hiện.
Bài học liên quan
Chúng ta thường sử dụng phần add-on Product filter để giúp cho khách hàng họ có thể tìm kiếm và...
Product category để show ra những thông tin danh sách category mà mình mong muốn ở bất kỳ đâu trên...
Chúng ta sử dụng phần add-on Menu để hiển thị những danh sách trang mà bạn đã tạo, và chúng...
Chủ đề liên quan