![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 Map
![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 Map thường xuất hiện trên trang Liên hệ, footer.
Bước 1: Chọn add-on Map hoặc gõ tìm kiếm với Map 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 Map trên thanh Layer xuất hiện hộp thoại Config.
![](https://d24rsy7fvs79n4.cloudfront.net/academy.eraweb.io/20231002104050_29_1696218050.6916.webp)
Address: Thêm địa chỉ chi tiết và cụ thể. Bạn có thể search và lấy trực tiếp trên google map
Addon Title: Tạo tiêu đề cho add-on Map
Addon Description: Tạo mô tả cho add-on Map
Custom map: Có thể tùy biến add-on map mở rộng
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 Map.
Bài học liên quan
Phần này sử dụng addon Custom List để show ra danh sách theo dạng bài viết ngắn giới thiệu về...
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...
Phần add-on này sử dụng cho việc show ra danh sách những sản phẩm trong category hoặc những sản phẩm...
Add-on biểu mẫu giúp tạo ra các biểu mẫu từ phức tạp đến đơn giản như: biểu mẫu thông tin...
Chủ đề liên quan