Thủ thuật Ngày 05/09/2022 4094 lượt xem

Hướng dẫn dùng ACF với True and False , điều kiện đúng và sai

Với Advanced Custom Fields ( Cho phép tớ gọi tắt là ACF và anh em cũng nên quen với từ này vì dân DEV hay dùng )…

Lê Anh ĐôngFlatsome trên Google News

Hướng dẫn dùng ACF với True and False , điều kiện đúng và sai

Với Advanced Custom Fields ( Cho phép tớ gọi tắt là ACF và anh em cũng nên quen với từ này vì dân DEV hay dùng ) cú pháp true and False anh em hay ứng dụng , tuy nhiên một số anh em chưa rành về cú pháp này  ( nên đọc và tham khảo tại đây ) OK , Bài hôm nay sẳn tớ làm qua dùng ACF với True and False Share lại cho anh em cũng như lưu lại trên Blog sau này có cái để dùng hj

Hướng dẫn dùng ACF với True and False , điều kiện đúng và sai

với mục đính tớ áp dụng trong code là với người đăng đăng 1 code lên nó có phải WordPress hay không và người đăng chỉ việc chọn Đúng hoặc ko đúng thôi ( True and False ) để cho dễ hình dung tớ ví dụ sau nhé

Hướng dẫn dùng ACF với True and False , điều kiện đúng và sai
Hướng dẫn dùng ACF với True and False – Khi chọn Đúng

 

Hướng dẫn dùng ACF với True and False , điều kiện đúng và sai
Hướng dẫn dùng ACF với True and FalseKhi Chọn Sai

 

OK qua ví dụ trên ta hình dung là nó có tác dụng gì rồi đúng ko nào 🙂 ok bắt tay vào việc luôn

Cách thêm ACF với True and False

 1 . Trong ACF ta tạo 1 trương tùy chọn có dạng true and False như sau 

Cách thêm ACF với True and False
Cách thêm ACF với True and False

2 . sau khi thêm xong ta quay lại bài đăng , trong bài đăng Sản phẩm có xuất hiện check box dang true flase như hình nhé 

Cách thêm ACF với True and False
Cách thêm ACF với True and False

 

 

ok , xong phần Flied , trong Function theme mình bỏ code này vào như hình nhé

3 . thêm code vào Function

Cách thêm ACF với True and False
Cách thêm ACF với True and False

Code này nhé

Note :

Bạn quan tâm cấu trúc if  – else  nhé , nó có 3 đối tượng để mình quan tâm ở đó !

và dòng add_action( ‘woocommerce_before_single_product_summary’, ‘woocommerce_show_product_sale_flash’, 10 ); <= vị trí hook ra trong wooce là trước cái Hình siler nhé

Xem Demo tại đây

OK vậy là xong , việc còn lại chỉ lưu lại + css chút  và check đúng sai thôi .

Nếu có thắc mắc vui lòng liên hệ tớ nhé

Điểm 1.6/5 - ( Có 13 bình chọn)

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Các dịch vụ của FLATSOME.XYZ