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

Woocommerce cung cấp cho chúng ta hầu hết các chứng năng cơ bản để hiển thị và bán sản phẩm. Ngoài các chức năng mặt định ra Woocommerce còn cung cấp hệ thống hook và action vô cùng lợi hại để các developer mở rông và phát triển thêm các chức năng khác.

Trong bài viết này mình sẽ liệt kê các hook trong trang sản phẩm của woocommerce (Single product woocommerce) để các bạn tiện tra cứu khi cần phát triển các chức năng nhé!

TRANG DANH MỤC SẢN PHẨM

Chèn nội dung bên dưới tiêu đề sản phẩm (trang danh mục)

//Codfe.com Chèn nội dung vào sau tiêu đề sản phẩm
function codfe_action_woocommerce_shop_loop_item_title( $woocommerce_template_loop_product_title, $int ) { 
    // code in here
    echo 'codfe_action_woocommerce_shop_loop_item_title';
};
add_action( 'woocommerce_shop_loop_item_title', 'codfe_action_woocommerce_shop_loop_item_title', 10, 2 );

//Codfe.com Chèn nội dung vào sau tiêu đề sản phẩm

function codfe_action_woocommerce_shop_loop_item_title( $woocommerce_template_loop_product_title, $int ) {

// code in here

echo 'codfe_action_woocommerce_shop_loop_item_title';

};

add_action( 'woocommerce_shop_loop_item_title', 'codfe_action_woocommerce_shop_loop_item_title', 10, 2 );

TRANG SẢN PHẨM – SINGLE PRODUCT

Chèn nội dung vào TRƯỚC button add to cart

//Chèn nội dung vào trước button add to cart 
function codfe_action_woocommerce_before_add_to_cart_form() { 
   //code 
   echo 'codfe_action'; 
}
add_action( 'woocommerce_before_add_to_cart_form', 'codfe_action_woocommerce_before_add_to_cart_form', 10, 2 );

//Chèn nội dung vào trước button add to cart

function codfe_action_woocommerce_before_add_to_cart_form() {

//code

echo 'codfe_action';

}

add_action( 'woocommerce_before_add_to_cart_form', 'codfe_action_woocommerce_before_add_to_cart_form', 10, 2 );

Chèn nội dung vào SAU button add to cart

//codfe.com Chèn nội dung vào sau button add to cart 
function codfe_action_woocommerce_after_add_to_cart_form() { 
   //code 
   echo '----codfe.com----';
}; 
add_action( 'woocommerce_after_add_to_cart_form', 'codfe_action_woocommerce_after_add_to_cart_form', 10, 2 );

//codfe.com Chèn nội dung vào sau button add to cart

function codfe_action_woocommerce_after_add_to_cart_form() {

//code

echo '----codfe.com----';

};

add_action( 'woocommerce_after_add_to_cart_form', 'codfe_action_woocommerce_after_add_to_cart_form', 10, 2 );

Chèn nội dung vào TRƯỚC variation

// chèn nội dung vào trước variation 
function action_woocommerce_before_variations_form( ) { 
   //code 
   echo '---codfe.com---';
}; 
add_action( 'woocommerce_before_variations_form', 'action_woocommerce_before_variations_form', 10, 0 );

// chèn nội dung vào trước variation

function action_woocommerce_before_variations_form( ) {

//code

echo '---codfe.com---';

};

add_action( 'woocommerce_before_variations_form', 'action_woocommerce_before_variations_form', 10, 0 );

Chèn nội dung vào SAU variation

// chèn nội dung vào trước variation 
function action_woocommerce_after_variations_form( ) { 
   //code 
   echo '---codfe.com---';
}; 
add_action( 'woocommerce_after_variations_form', 'action_woocommerce_after_variations_form', 10, 0 );

// chèn nội dung vào trước variation

function action_woocommerce_after_variations_form( ) {

//code

echo '---codfe.com---';

};

add_action( 'woocommerce_after_variations_form', 'action_woocommerce_after_variations_form', 10, 0 );

Chèn nội dung vào TRƯỚC meta product

function action_woocommerce_product_meta_start( $array ) { 
   //code 
   echo '---codfe.com---';
}; 
add_action( 'woocommerce_product_meta_start', 'action_woocommerce_product_meta_start', 10, 1 );

function action_woocommerce_product_meta_start( $array ) {

//code

echo '---codfe.com---';

};

add_action( 'woocommerce_product_meta_start', 'action_woocommerce_product_meta_start', 10, 1 );

Chèn nội dung vào SAU meta product

function action_woocommerce_product_meta_end( $array ) { 
   //code
   echo '---codfe.com---'; 
}; 
add_action( 'woocommerce_product_meta_end', 'action_woocommerce_product_meta_end', 10, 1 );

function action_woocommerce_product_meta_end( $array ) {

//code

echo '---codfe.com---';

};

add_action( 'woocommerce_product_meta_end', 'action_woocommerce_product_meta_end', 10, 1 );

Chèn nội dung vào TRƯỚC buttons share

function action_woocommerce_share() { 
   //code 
   echo '---codfe.com---';
}; 
add_action( 'woocommerce_share', 'action_woocommerce_share', 10, 1 );

function action_woocommerce_share() {

//code

echo '---codfe.com---';

};

add_action( 'woocommerce_share', 'action_woocommerce_share', 10, 1 );

Chèn nội dung vào TRƯỚC mô tả sản phẩm

// Chèn nội dung vào trước mô tả sản phẩm 
function action_woocommerce_after_single_product_summary() { 
   //code 
   echo '---codfe.com---';
} 
add_action( 'woocommerce_after_single_product_summary' , 'action_woocommerce_after_single_product_summary', 5 );

// Chèn nội dung vào trước mô tả sản phẩm

function action_woocommerce_after_single_product_summary() {

//code

echo '---codfe.com---';

}

add_action( 'woocommerce_after_single_product_summary' , 'action_woocommerce_after_single_product_summary', 5 );