Các hàm hook trong trang sản phẩm Woocommerce

Woocommerce là một plugin tuyệt vời với đầy đủ các chức năng giúp chúng ta tạo một web thương mại, bán hàng và tùy biến tuy nhiên nếu bạn muốn cấu hình lại các trang của woocommerce cho phù hợp với nhu cầu thì các hàm hook của woocommerce là một công cụ thích hợp để bạn custom nó theo ý. Trong bài  Tổng hợp hook trong wordpress – Vị trí hook trong single product woocommerce mình sẽ liệt kê và giới thiệu các hàm hook trong trang single product woocomerce nhé – Hi vọng qua bài này bạn có thể kiếm được vị trí cần hook cho trang WordPress của mình.

Các hàm hook trong trang sản phẩm Woocommerce – Phần 2

Trước khi biết đến các vị trí hook ta tìm hiểu qua cấu trúc HOOK trong wordpress

Code 1 cấu trúc hook cơ bản có dạng (1)

function mo_ta_hook() { 
echo '<p>MÔ TẢ HOOK HOẶC CODE CẦN HOOK Ở ĐÂY</p>';
}
add_action('VI_TRI_HOOK', 'mo_ta_hook');

Code 2 cấu trúc hook cơ bản có dạng (2)

function mo_ta_hook() { ?>
Mô tả bằng text hoặc HTML hoặc PHP tại đây
<?php }
add_action('VI_TRI_HOOK', 'mo_ta_hook');

OK sau đây chỉ là cần vị trí cần và add vào công thức là đủ nhé. Vị trí hook trong trang sản phẩm – Page product woocommerce

Bạn có thể nhìn qua hình xem vị trí cần lấy nhé , sau đây là danh sách list bạn cần ( tương đương hình nhé )

// These are actions you can unhook/remove!

add_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10 );
add_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20 );

add_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
add_action( 'woocommerce_archive_description', 'woocommerce_product_archive_description', 10 );

add_action( 'woocommerce_before_shop_loop', 'wc_print_notices', 10 );
add_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 );
add_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

add_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10 ); 

add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_show_product_loop_sale_flash', 10 ); 
add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );

add_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10 );

add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );
add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_rating', 5 );

add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_product_link_close', 5 );
add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );

add_action( 'woocommerce_after_shop_loop', 'woocommerce_pagination', 10 );

add_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10 );

Ok sau khi có vị trí cần hook ( theo hình ) và có vị trí chính xác ( từ list trên ) bạn chỉ cần bỏ vào code trên sau đó dán vào function của theme bạn đang dùng nhé

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