Hiển thị các trường tùy biến trong Woocommerce Archive Product Page



Để hiển thị các trường tùy biến trong woocommerce archive product page ta làm theo các bước như sau, xem vị trí cần hook hiển thị và  hàm hiển thị các trường của ACF field nhé! (cần cái plugin advanced custom fields trước)

  1. Thông tin về các hàm hook trong woocommerce archive page  Vị trí các hàm hook trong trang danh mục sản phẩm woocommerce
  2. Code mẫu hàm hook acf  field vào page bằng cách thêm đoạn code sau vào function.php
// Add custom field to shop loop,ok với product archive mặt định của 
add_action( 'woocommerce_after_shop_loop_item_title','ins_woocommerce_product_excerpt',35,2);
function ins_woocommerce_product_excerpt() {
	global $post;
	if ( is_front_page() || is_shop() || is_product_category() || is_product_tag() ) {
		echo '<span class="excerpt">';
		echo '<span style="color:#0000ff;"><strong>'.get_post_meta( $post->ID,'cf_inverter',true ).'</strong></span>'.'</br>';
		echo 'Công suất:'.'<span style="color:#ff0000;"><strong>'.get_post_meta( $post->ID,'cf_ma_luc',true ).'</strong>     </span>'.'</br>';
		echo 'Môi chất: '.get_post_meta( $post->ID,'cf_moi_chat',true ).'</br>';
		echo get_post_meta( $post->ID,'cf_bao_hanh',true );
		echo '</span>';
	}
}

Trong đó hàm get_post_meta( $post->ID,’cf_inverter’,true ) lấy giá trị acf filed có name là cf_inverter như hình bên dưới

Hiển trị ACF field trong trang product archive
Hiển trị ACF field trong trang product archive

Kết quả trang archive sản phẩm như sau

Ghi chú:

Nếu các bạn muốn hiển thị vào các trang khác của woocommerce thì xem thêm  Các loại trang (Conditional Tags) được định nghĩa trong woocommerce

Ví trí hook hiển thị trong trang sản phẩm (single product) các bạn xem thêm trong  Vị trí các hàm hook trong single product woocommerce (visual guide hook)

Ví dụ : Các bạn muốn hiển thị thêm dòng “Test” cuối trang sản phẩm thì thêm hàm kiểm tra single product is_product() và hook vào vị trí woocommerce_after_single_product như sau

// codfe: thêm acf field vào trang san pham
add_action( 'woocommerce_after_single_product','ins_woocommerce_product_excerpt',35,2);
function ins_woocommerce_product_excerpt() {
	
	if ( is_product()) {
		echo 'Test</br>';
	}
}

 

0 0 vote
Article Rating
Subscribe
Notify of
guest
11 Comments
Newest
Oldest Most Voted
Inline Feedbacks
View all comments
Wepos
Wepos
4 months ago

mình đã làm thì lên được trang danh mục và trang chủ, nhưng trang single product nó lại không rq. nhờ Ad chỉ thêm. xin cảm ơn.

wepos
wepos
Reply to  Aiken Trung
4 months ago

ok thanks ad

Vinh
Vinh
5 months ago

Chèn vào file nào vậy bạn. Mình đang muốn làm mà chưa dc. Cám ơn b

vinh
vinh
Reply to  Aiken Trung
5 months ago

sao mình chèn vào nó không hiện gì nhỉ hihi. Mình đã đổi thông tin trường của mình vào thay mà k dc

vinh
vinh
Reply to  Aiken Trung
5 months ago

Mình làm được rồi bạn à. Mình muốn cho hiển thị luôn cả ở ngoài trang chủ. thì làm sao để hiển thị bạn nhỉ. mong b chỉ giúp. Mình dùng flatsome. Mình cám ơn b nhiều

Wepos
Wepos
Reply to  vinh
4 months ago

bạn ơi, bạn làm sao ra được trong trang chi tiết sản phẩm nhỉ ? Mình làm chỉ ra được Product_tag, product_category,..thôi

11
0
Would love your thoughts, please comment.x
()
x