Display ACF in summary product page

Paste code to function.php in Child theme

Display acf fields in summary product page

add_action( 'woocommerce_single_product_summary', 'display_acf', 10 );
  function display_acf() {
  echo '<b>Công suất:</b> '. the_field('cong_suat');
  echo "<br>";
  echo '<b>Sử dụng pin:</b> '; the_field('su_dung_pin');
  echo "<br>";
  echo '<b>Sản phẩm bao gồm:</b>';
}

More refer hook product page in https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/#actions

Demo

Hidding empty value

// Display ACF - Hidding empty value

add_action( 'woocommerce_single_variation', 'acf_occ', 10 );
  function acf_occ() {
	if( get_field('min_value_for_ship') ){?>
	 <div class="min-value-for-ship-occ">Đơn liên tỉnh (ngoài HCM): chỉ ship với số lượng từ: <b> <?php the_field('min_value_for_ship'); ?> </b> cái. 
		 <br/> 
		 Giá trên chưa bao gồm phí ship.
	 </div>
<?php ;
	}
}

Last updated