MÌnh thấy một số anh em đăng bài cần làm chức năng show ra các thông tin như: start_date, end_date, price_adult, price_child, …. vào phần mô tả nhỏ nhỏ của sản phẩm, và các comment đa phần là “Inbox mình hỗ trợ” hoặc “cái này cần phải code”. Cá biệt có trường hợp “Inbox em free”, … . Đọc bài viết này xong thì ae cũng có thể tự làm được.
Sở dĩ nói no code là vì nó đã được code trước rồi🤣🤣🤣
Chỉ là bộ khung thô sơ thôi. Muốn đẹp hơn thì bạn css cho nó.
Tóm tắt các bước cần làm:
- Dùng ACF để tạo dữ liệu.
- Dùng flatsome block để dàn layout
- Dùng adminz để tìm hook và chạy nó
Cài plugin này trước nhé.
1. Dùng ACF để tạo dữ liệu
Mỗi sản phẩm có các thuộc tính start_date, end_date, price_adult, price_child, …. là khác nhau, vì vậy cần tạo ra nơi để nhập liệu cho nó. mình dùng SCF khai báo 1 field group mới, có thể như sau. Cái của ae sẽ khác cái của mình về tên của các field.
Gọi nó là meta_key và sẽ dùng nó trong element ở phần sau
Vào link này để kiểm tra trang shop xem nó lên chưa.
domain.com?test_postmeta=XXX
với domain.com là tên miền của bạn. XXX là post_id.
2. Dùng flatsome block để dàn layout
Tạo ra 1 block mới viết một cái gì đó vào để test nhé.
Đưa dữ liệu của bạn vào block
- Dàn sẵn layout: Bạn dùng column hoặc table, hoặc text cũng dc.
- Dùng element: “Uxbuilder post meta” , nhập meta_key của mình vào
- Có thể copy as shortcode và dùng nó bên cạnh text để chèn vào bất kỳ chỗ nào.
3. Dùng adminz để tìm tên hook
- Xem bài viết này để tìm tên hook
- đưa shortcode block vào đây thôi.
Đây là kết quả
Trang mẫu tham khảo: https://webkhoinghiep.net/du-lich-khach-san/
Cùng chuyên mục
Hướng dẫn custom button icon Flatsome
Tại vì thằng designer công ty nó lấy icon ở đâu đâu... Flatsome mặc định [...]
Th11
Custom menu mobile flatsome
Theo mặc định của flatsome, có 1 menu magnificpopup khá là nhàm chán, vào trang [...]
Th11
Element flatsome cho gallery
Giới thiệu với 500 ae code dạo bằng flatsome một element mới cho flatsome. Element [...]
Th10
Tải theme Flatsome – Update tự động
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem [...]
Th9
Hướng dẫn setup cây phả hệ – WordPress Flatsome
Mục tiêu là làm cái view cho sơ đồ phả hệ dòng họ, phân biệt [...]
Th7
Hướng dẫn setup tỉnh huyện xã cho wordpress
Bài viết áp dụng cho woocommerce, Các bạn làm tin rao bất động sản có [...]
Th7
Ngoài chức năng trên, administrator z còn ti tỉ các thứ hay ho khác.
Và tất cả đều free mãi mãi.