Có rất nhiều cách để tạo breadcrumb trong Elementor. Trong bài viết này, chúng ta sẽ cùng tìm hiểu 2 cách để tạo breadcrumb khi thiết kế template trong Elementor theme builder:
Giả sử chúng ta sẽ tạo ra một breadcrumb có cấu trúc như sau: Home > Chia sẻ > Cách tạo breadcrumb trong Elementor Pro. Chúng ta sẽ làm như sau:
Đầu tiên chọn widget Mega Menu từ thư viện widgets.
Cấu hình cho Home menu item:
Tiếp theo cấu hình cho Sản phẩm:
Tiếp theo cấu hình cho Tiêu đề bài viết:
Để menu không bị chuyển sang dạng dropdown thì bạn hãy cài đặt thêm trong additional settings của menu như sau
Sau khi cấu hình xong, chỉ cần thêm một chút style canh đều icon, chỉnh kích thước ta sẽ có được một breadcrumb như demo dưới đây.
Demo dùng mega menu làm breadcrumb
Thao tác cũng tương tự như cách làm sử dụng mega menu widget. Sự khác biệt chỉ nằm ở bước cuối, icon list widget không có tùy chọn enable horizontal khi chuyển qua giao diện mobile, thì sẽ không hiển thị trên một hàng được mà sẽ xuống dòng với tiêu đề dài.
Demo dùng icon list làm breadcrumb
Hãy chọn cho mình một cách mà bạn cho là phù hợp nhất với dự án của mình.
