Woocommerce là 1 plugin tuyệt vời có gần như các chức năng giúp chúng ta tạo 1 web thương nghiệp, bán hàng và tùy biến ngoài ra nếu như bạn muốn cấu hình lại các trang của woocommerce cho phù hợp có nhu cầu thì những hàm hook của woocommerce là 1 phương tiện 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 những hàm hook trong trang single product woocomerce nhé – Hi vọng qua bài này bạn sở hữu 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
Như đã kể như Bài 1 : Vị trí hook trong single product woocommerce
để dùng hook ta đề cập lại về cách dùng hook trong wordpress
code 1 cấu trúc hook căn bản có dạng (1)
mang THỂ BẠN quan tâm
- chỉ dẫn backup bằng plugins Duplicator Pro
- Theme Flatsome tự động Update Theme liên tiếp – Theme quốc dân
- Hiệu ứng tab hình ( bài 1) – Tab Gallery trong wordpres
- Code java hiện thị ngày tháng năm và lời chúc tương ứng
- GreenCloudVPS khuyến mãi KVM VPS chỉ $60 – một.4tr/năm
- Phần hai : những hàm hook trong trang sản phẩm woocommerce
một
hai
3
4
|
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');
|
hoặc mang dạng (2)
một
hai
3
4
|
function mo_ta_hook() ?>
biểu thị 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
Vị trí hook trong trang sản phẩm – Page product woocommerce
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
// 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 lúc với vị trí cần hook ( theo hình ) và mang vị trí chính xác ( trong khoảng list trên ) bạn chỉ cần bỏ vào code trên sau ấy dán vào function của theme bạn đang sử dụng nhé
Vị trí hook trong trang sản phẩm – Page product woocommerce
Các bạn đón bài tiếp – Bài 3 : Vị trí hook trong blog nhé