Hướng dẫn hiển thị các trường tùy biến (ACF) trong Flatsome

Last updated on September 27th, 2023 at 08:51 am

Plugin Advanced Custom Fields (ACF) rất phổ biến trong việc xây dựng các trang web, vì nó mang lại nhiều tiện ích hữu ích. Tuy nhiên, việc sử dụng ACF để thực hiện các dự án thực tế có thể là một thách thức đối với những người mới tiếp cận WordPress. Trong bài viết này, tôi sẽ hướng dẫn cách hiển thị các trường tùy biến từ ACF trong theme Flatsome.

Tuy nhiên để làm được bạn cũng lên tìm hiểu về WooCommerce Hook, bạn có thể tham khảo tại đây =>> Woocommerce Tutorials

Sau khi nắm được vị trí cần hiển thị trường tuỳ biến thì các bạn sẽ tiến hành viết code cho hiển thị nó

Hướng dẫn hiển thị các trường tùy biến (ACF) trong Flatsome

Trong ví dụ này mình hướng dẫn thêm trường thông số sản phẩm máy lạnh

Bước1:  Cài đặt plugin ACF 

Trong ví dụ này mình chỉ cần tải phiên bản ACF miễn phí là được

Bước 2: Tạo Trường ACF

 

Quan trọng là sau khi thêm field các bạn nhớ chọn post Type -> Product

acf field post type product

 

Bước 3: Code hiển thị

Ví dụ này, tôi muốn hiển thị các trường tùy biến cho sản phẩm trên trang cửa hàng (Shop).

Dán đoạn code sau vào function.php check kết quả nhé

 

Trong đó hàm get_post_meta( $post->ID,’cf_inverter’,true ) lấy giá trị acf filed có name là cf_inverter như hình bên dưới:

 

Hướng dẫn hiển thị các trường tùy biến (ACF) trong Flatsome

 

Kết:

ACF có rất nhiều ứng dụng khác nhau mà các bạn có thể tham khảo thêm. Nếu bạn có bất kỳ câu hỏi hoặc cần hỗ trợ kỹ thuật, xin vui lòng liên hệ trực tiếp qua hộp thư tin nhắn hoặc để lại bình luận dưới đây. Mình sẽ phản hồi ngay lập tức.

Xem thêm bài viết

TEMPLATES

PLUGIN

MỜI CAFE

ủng hộ tôi