• Trang chủ
  • Windows
  • Mac OS
  • Điện thoại
  • Game hay
  • Thủ thuật
  • Website
  • Hướng dẫn
  • Tài liệu
Friday, 31 March, 2023
Chia sẻ thủ thuật IT, tải phần mềm miễn phí
No Result
View All Result
  • Trang chủ
  • Windows
  • Mac OS
  • Điện thoại
  • Game hay
  • Thủ thuật
  • Website
  • Hướng dẫn
  • Tài liệu
  • Trang chủ
  • Windows
  • Mac OS
  • Điện thoại
  • Game hay
  • Thủ thuật
  • Website
  • Hướng dẫn
  • Tài liệu
No Result
View All Result
Chia sẻ thủ thuật IT, tải phần mềm miễn phí
No Result
View All Result
Home Website

Woocommerce hooks là gì, cách dùng Actions Hook và Filters Hook trong WordPress

Harris by Harris
28/12/2022
in Hướng dẫn, Tài liệu, Thủ thuật, Website
Reading Time: 4 mins read
0
huanvmdotcom hook woocommerce cach su dung
11
SHARES
33
VIEWS
Share to FacebookShare to TwitterPin on Pinterest

Mục lục bài viết

  1. Woocommerce Hooks là gì?
  2. Cách sử dụng Actions Hook
  3. Cách sử dụng Filters Hook

Woocommerce Hooks là gì?

Khi chúng ta cần tùy biến một cái gì đó trong Woocommerce thì ngoài việc sửa các template, thì chúng ta còn có một lựa chọn khác đó là tận dụng các action hook và filter hook mà Woocommerce đã có sẵn để chúng ta có thể làm mọi thứ.

huanvmdotcom hook woocommerce cach su dung

Hook trong WordPress về cơ bản cho phép bạn thay đổi hoặc thêm code mà không cần chỉnh sửa các file trong Core WordPress. Chúng được sử dụng rộng rãi trong WordPress và WooCommerce và rất hữu ích cho các nhà phát triển web, bởi vì nếu bạn thay đổi chỉnh sửa các file trong Core WordPress hay plugin WooCommerce thì sau này khả năng cập nhật lên phiên bản mới sẽ rất dễ gây lỗi hoặc bị ghi đè các file này.

Nói ngắn gọn lại: Hook cho phép bạn ghi đè các mã code hoặc thêm các mã code mà không cần can thiệp vào các file hệ thống.

Cách sử dụng Actions Hook

Action Hook sẽ được tạo ra bởi hàm do_action() trong template. Và chúng ta thử mở tập tin archive-product.php trong thư mục template sẽ thấy một số đoạn thế này.

Điều đó có nghĩa là nó đã gắn một action hook tên woocommerce_archive_description ngay tại vị trí đó, và thường thì các action hook này chúng ta sẽ sử dụng để xác định vị trí mà làm một hành động gì ngay tại vị trí của hook. Ví dụ mình muốn chèn một câu chào mừng nào đó vào vị trí cái hook đó thì sẽ có code như sau đặt ở functions.php trong theme:

1
2
3
4
5
6
7
8
9
/* Đoạn chữ này sẽ xuất hiện phía trên danh sách sản phẩm. */
 
function tp_before_main_content() { echo '
 
Chào mừng bạn đến với cửa hàng của tôi
 
'; }
 
add_action('woocommerce_archive_description', 'tp_before_main_content');

Rất dễ hiểu và dễ sử dụng.

Ngoài ra, chúng ta có thể xóa một số hàm đã được móc sẵn vào hook vì các bạn có thấy đoạn comment là @hooked không? Đó chính xác là nó cho chúng ta biết có hàm đó đang được hook ngay tại vị trí này.

Bây giờ mình lấy ví dụ là xóa cái phần tùy chọn sắp xếp hiển thị trong trang cửa hàng đi nhé.

1
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

Đoạn trên nghĩa là mình xóa hàm woocommerce_catalog_ordering() ra khỏi hook woocommerce_before_shop_loop và nó sẽ thực thi với độ ưu tiên là 30.

Cách sử dụng Filters Hook

Trong WordPress, Filter Hook sẽ được khai báo bằng hàm apply_filters() và cho phép chúng ta sửa lại nội dung code mà hook đó được thiết lập. Ví dụ bạn mở tập tin /templates/single-product/sale-flash.php sẽ thấy đoạn sau:

1
' . __( 'Sale!', 'woocommerce' ) . '', $post, $product ); ?>

Trong đoạn code trên, nó đã tạo ra một filter hook tên woocommerce_sale_flash và bạn có thể sửa lại nội dung HTML của nó mà bạn đã thấy, đồng thời nó còn chứa thêm hai biến tham số thêm vào để chúng ta có thể sử dụng.

Và khi cần sử dụng để filter, chúng ta sẽ có đoạn code sau để sửa lại nội dung mà chúng ta muốn. Ví dụ:

1
2
3
4
5
/* Testing Filter Hook */
 
function tp_sale_flash( $output ) { $output = '' . __( 'Giảm giá', 'woocommerce' ) . ''; return $output; }
 
add_filter( 'woocommerce_sale_flash', 'tp_sale_flash' );

Bạn có thể tùy biến code kiểu gì cũng được, miễn là khi filter thì nhớ return nội dung cẩn hiển thị ra nhé.

Cách sử dụng hook trong WordPress nói chung và Woocommerce nói riêng cũng chỉ có bấy nhiêu đó, nhưng quan trọng là chúng ta sẽ ứng dụng nó như thế nào cho linh hoạt. Thực tế mình thấy bây giờ khi chúng ta chưa cần thì có thể sẽ chưa biết làm cái gì với nó, nhưng khi bạn cần tùy biến Woocommerce thì hãy ưu tiên hook nhé.

Chúc các bạn thành công!

Digiprove sealCopyright protected by Digiprove © 2022
5/5 - (1 vote)
Chào ! Bạn thấy nội dung này thế nào?
Hữu ích 35Tạm được 33
Tags: woocommercewoocommerce hook
Previous Post

Cách hiển thị số lượng sản phẩm đã bán khi dùng Woocommerce

Next Post

Code hiển thị đếm ngược khuyến mại và sản phẩm đã bán trên Woocommerce

Harris

Harris

Thích du lịch, khám phá và thích vọc vạch

Next Post
Code hiển thị đếm ngược khuyến mại và sản phẩm đã bán trên Woocommerce

Code hiển thị đếm ngược khuyến mại và sản phẩm đã bán trên Woocommerce

Đăng nhập bằng
Tôi đồng ý tạo tài khoản
Khi bạn đăng nhập lần đầu tiên thông qua nút Đăng nhập xã hội, chúng tôi thu thập thông tin hồ sơ công khai tài khoản của bạn do nhà cung cấp tài khoản mạng xã hội chia sẻ, dựa trên cài đặt quyền riêng tư của bạn. Chúng tôi cũng lưu địa chỉ email của bạn để tự động tạo tài khoản cho bạn trên trang web của chúng tôi. Khi tài khoản của bạn được tạo, bạn sẽ đăng nhập vào tài khoản này.
Không đồng ýĐồng ý
guest
Đăng nhập bằng
Tôi đồng ý tạo tài khoản
Khi bạn đăng nhập lần đầu tiên thông qua nút Đăng nhập xã hội, chúng tôi thu thập thông tin hồ sơ công khai tài khoản của bạn do nhà cung cấp tài khoản mạng xã hội chia sẻ, dựa trên cài đặt quyền riêng tư của bạn. Chúng tôi cũng lưu địa chỉ email của bạn để tự động tạo tài khoản cho bạn trên trang web của chúng tôi. Khi tài khoản của bạn được tạo, bạn sẽ đăng nhập vào tài khoản này.
Không đồng ýĐồng ý
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận

KHUYÊN DÙNG

Steinberg – Cubase Elements 11.0.0

Steinberg Cubase 11 Elements v11.0.0 Full

05/03/2022
1.4k
Auto Draft

[Hướng dẫn]Cách thiết lập đồng bộ hoá Google Chrome

05/03/2022
73

ĐANG THỊNH HÀNH

Download Wondershare Filmora X 10.7.8.12 (Full + Repack)

Download Wondershare Filmora X 10.7.8.12 (Full + Repack)

28/12/2022
6.3k
Download Cubase 10 Pro All in One – Hướng dẫn cài đặt chi tiết

Download Cubase 10 Pro All in One – Hướng dẫn cài đặt chi tiết

30/12/2022
1.9k
Steinberg – Cubase Pro 12.0.0.205 x64

Steinberg – Cubase Pro 12.0.0.205 x64

24/03/2022
2k
[Hướng dẫn] Thêm Custom Fields vào Simple Products cho WooCommerce

[Hướng dẫn] Thêm Custom Fields vào Simple Products cho WooCommerce

28/12/2022
86
Tạo file Feed sản phẩm Woocommerce theo chuẩn Google Shopping

Tạo file Feed sản phẩm Woocommerce theo chuẩn Google Shopping

05/03/2022
253

GIỚI THIỆU

Chia sẻ thủ thuật IT, tải phần mềm miễn phí

Xin chào! Mình là Mạnh Huấn, website này mình xây dựng nhằm mục đích chia sẻ miễn phí các kiến thức, thủ thuật máy tính, làm web WordPress, SEO, MMO, các phần mềm hay... mà mình biết cho tất cả mọi người. Cảm ơn các bạn đã ghé qua, nếu thấy bài viết hay, hãy chia sẻ để ủng hộ tinh thần cho mình nhé!

Theo dõi mình tại đây:

BÀI VIẾT GẦN ĐÂY

Hướng dẫn tạo Mega Menu tuỳ chỉnh trên Flatsome

Hướng dẫn tạo Mega Menu tuỳ chỉnh trên Flatsome

23/03/2023
Hướng dẫn fix lỗi Error message: Blacklisted domain trên CyberPanel

Hướng dẫn fix lỗi Error message: Blacklisted domain trên CyberPanel

08/03/2023
Code hiển thị đếm ngược khuyến mại và sản phẩm đã bán trên Woocommerce

Code hiển thị đếm ngược khuyến mại và sản phẩm đã bán trên Woocommerce

28/12/2022

HV MEDIA ON FACEBOOK

  • Giới thiệu
  • Chính sách bảo mật
  • Bản quyền
  • Liên hệ
  • Quảng cáo
  • Gửi yêu cầu
  • Báo link hỏng

© 2020 HV Media - Chia sẻ thủ thuật IT, phần mềm by HV Media Center.

No Result
View All Result
  • Home
  • Mac OS
    • Adobe
    • Developer Tools
    • Graphics & Design
    • Internet – Security
    • Productivity
    • Utilities
    • Video – Audio
  • Windows
    • Anti Virus
    • Development
    • Graphics & Design
    • Office – Study
    • Tools
    • Utilities
    • Video – Audio
  • Điện thoại
    • Apps, Game Cho iOS
    • Phần mềm Android
  • Thủ thuật
    • Thủ thuật máy tính
    • Thủ thuật Mobile
    • Thủ thuật Facebook
  • Game hay
    • Game MacOS
    • Game Windows
  • Website
  • Hướng dẫn
  • Tài liệu

© 2020 HV Media - Chia sẻ thủ thuật IT, phần mềm by HV Media Center.

wpDiscuz
0
0
Bạn đang nghĩ gì, hãy để lại bình luận nhé !x
()
x
| Phản hồi