[no code] Hướng dẫn thêm box thông tin sản phẩm vào danh sách sản phẩm woocommerce – flatsome – ACF

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:

1. Dùng ACF để tạo dữ liệu.
2. Dùng flatsome block để dàn layout
3. 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/