Vị trí các hàm hook trong single product woocommerce (visual guide hook)

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, 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 tùy biến. Trong bài viết này mình sẽ liệt kê và giới thiệu các hàm hook trong trang single product của woocomerce.

Xem thêm: Các hàm hook trong trang sản phẩm của Flatsome

CÁC HÀM HOOK VÀ VỊ TRÍ CỦA NÓ TRONG TRANG SẢN PHẨM CỦA WOOCOMMERCE

Các vị trí hook của trang single product woocommerce

CÁC HÀNH ĐỘNG (ACTION) MẶT ĐỊNH CỦA TRANG SẢN PHẨM MÀ CÁC BẠN CÓ THỂ HOOK VÀO

/**
 * @snippet       List of Default Actions @ WooCommerce Single Product
 * @author        Aiken Trung
 * @updated       WooCommerce 4.0
 * @donate $9     https://codfe.com/coffe/
 */
 
// Before content
add_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0 );
add_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10 );
add_action( 'woocommerce_before_single_product', 'woocommerce_output_all_notices', 10 );
  
// Left column
add_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_sale_flash', 10 );
add_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
add_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
 
// Right column
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
 
// Right column - add to cart
do_action( 'woocommerce_before_add_to_cart_form' );
do_action( 'woocommerce_before_add_to_cart_button' );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
 
add_action( 'woocommerce_simple_add_to_cart', 'woocommerce_simple_add_to_cart', 30 );
add_action( 'woocommerce_grouped_add_to_cart', 'woocommerce_grouped_add_to_cart', 30 );
add_action( 'woocommerce_variable_add_to_cart', 'woocommerce_variable_add_to_cart', 30 );
add_action( 'woocommerce_external_add_to_cart', 'woocommerce_external_add_to_cart', 30 );
add_action( 'woocommerce_single_variation', 'woocommerce_single_variation', 10 );
add_action( 'woocommerce_single_variation', 'woocommerce_single_variation_add_to_cart_button', 20 );
do_action( 'woocommerce_before_quantity_input_field' );
do_action( 'woocommerce_after_quantity_input_field' );
do_action( 'woocommerce_after_add_to_cart_button' );
do_action( 'woocommerce_after_add_to_cart_form' );
 
// Right column - meta
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
do_action( 'woocommerce_product_meta_start' );
do_action( 'woocommerce_product_meta_end' );
 
// Right column - sharing
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_sharing', 50 );
do_action( 'woocommerce_share' );
 
// Tabs, upsells and related products
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
add_action( 'woocommerce_product_additional_information', 'wc_display_product_attributes', 10 );
do_action( 'woocommerce_product_after_tabs' );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
 
// Reviews
add_action( 'woocommerce_review_before', 'woocommerce_review_display_gravatar', 10 );
add_action( 'woocommerce_review_before_comment_meta', 'woocommerce_review_display_rating', 10 );
add_action( 'woocommerce_review_meta', 'woocommerce_review_display_meta', 10 );
do_action( 'woocommerce_review_before_comment_text', $comment );
add_action( 'woocommerce_review_comment_text', 'woocommerce_review_display_comment_text', 10 );
do_action( 'woocommerce_review_after_comment_text', $comment );
 
// After content
do_action( 'woocommerce_after_single_product' );
do_action( 'woocommerce_after_main_content' );

/**

* @snippet List of Default Actions @ WooCommerce Single Product

* @author Aiken Trung

* @updated WooCommerce 4.0

* @donate $9 https://codfe.com/coffe/

// Before content

add_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0 );

add_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10 );

add_action( 'woocommerce_before_single_product', 'woocommerce_output_all_notices', 10 );

// Left column

add_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_sale_flash', 10 );

add_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );

add_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );

// Right column

add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );

add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 );

add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );

add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );

// Right column - add to cart

do_action( 'woocommerce_before_add_to_cart_form' );

do_action( 'woocommerce_before_add_to_cart_button' );

add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

add_action( 'woocommerce_simple_add_to_cart', 'woocommerce_simple_add_to_cart', 30 );

add_action( 'woocommerce_grouped_add_to_cart', 'woocommerce_grouped_add_to_cart', 30 );

add_action( 'woocommerce_variable_add_to_cart', 'woocommerce_variable_add_to_cart', 30 );

add_action( 'woocommerce_external_add_to_cart', 'woocommerce_external_add_to_cart', 30 );

add_action( 'woocommerce_single_variation', 'woocommerce_single_variation', 10 );

add_action( 'woocommerce_single_variation', 'woocommerce_single_variation_add_to_cart_button', 20 );

do_action( 'woocommerce_before_quantity_input_field' );

do_action( 'woocommerce_after_quantity_input_field' );

do_action( 'woocommerce_after_add_to_cart_button' );

do_action( 'woocommerce_after_add_to_cart_form' );

// Right column - meta

add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );

do_action( 'woocommerce_product_meta_start' );

do_action( 'woocommerce_product_meta_end' );

// Right column - sharing

add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_sharing', 50 );

do_action( 'woocommerce_share' );

// Tabs, upsells and related products

add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );

add_action( 'woocommerce_product_additional_information', 'wc_display_product_attributes', 10 );

do_action( 'woocommerce_product_after_tabs' );

add_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 );

add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

// Reviews

add_action( 'woocommerce_review_before', 'woocommerce_review_display_gravatar', 10 );

add_action( 'woocommerce_review_before_comment_meta', 'woocommerce_review_display_rating', 10 );

add_action( 'woocommerce_review_meta', 'woocommerce_review_display_meta', 10 );

do_action( 'woocommerce_review_before_comment_text', $comment );

add_action( 'woocommerce_review_comment_text', 'woocommerce_review_display_comment_text', 10 );

do_action( 'woocommerce_review_after_comment_text', $comment );

// After content

do_action( 'woocommerce_after_single_product' );

do_action( 'woocommerce_after_main_content' );

Ví dụ

function codfe_product_closing_div(){
   echo '</div>';
}
add_action( 'woocommerce_after_single_product', 'codfe_product_closing_div', 10, 0 );

function codfe_product_closing_div(){

echo '</div>';

}

add_action( 'woocommerce_after_single_product', 'codfe_product_closing_div', 10, 0 );

Nguồn bài viết businessbloomer.com

5/5 - (2 bình chọn)

Bài viết mới:

Tùy biến woocommerce

Vị trí các hàm hook trong single product woocommerce (visual guide hook)

CÁC HÀM HOOK VÀ VỊ TRÍ CỦA NÓ TRONG TRANG SẢN PHẨM CỦA WOOCOMMERCE

CÁC HÀNH ĐỘNG (ACTION) MẶT ĐỊNH CỦA TRANG SẢN PHẨM MÀ CÁC BẠN CÓ THỂ HOOK VÀO

Ví dụ

Bài viết cùng chủ đề:

Cách tạo danh mục (table of content) cho mô tả danh mục bài viết và sản phẩm

Các hàm hook trong trang sản phẩm của Flatsome

Cách tùy chỉnh các trường trong trang checkout – WooCommerce

Ẩn các sản phẩm không muốn hiển thị trong trang danh mục woocommerce

AJAX Là gì? Ví dụ dùng AJAX trong WordPress

Tùy biến trang sản phẩm bằng các hook cơ bản trong single product woocommerce

Tạo 1 title UX Builder đơn giản, hiển thị danh mục sản phẩm woocommerce

Xử lý với các sản phẩm hết hàng trong woocommerce

Aiken Trung