高度なカスタムフィールドを表示する方法単一の製品ページにGoogleマップwoocommerce

Question

ACF Googleマップを使用して、単一の製品ページの短い説明部分のすぐ下にGoogleマップを表示します。

<?php 
 

 
$location = get_field('location'); 
 

 
if(!empty($location)): 
 
?> 
 
<div class="acf-map"> 
 
\t <div class="marker" data-lat="<?php echo $location['lat']; ?>" data-lng="<?php echo $location['lng']; ?>"></div> 
 
</div> 
 
<?php endif; ?>

はそれが単一に表示されています。私はシングルproduct.phpにPHPコードを追加することにより、ソリューションをテストしているhttps://www.advancedcustomfields.com/resources/google-map/

：

私はACFで、このチュートリアルに従っています適切な場所には掲載されません。

私は「woocommerce_single_product_summary」の場所のどこかに地図を持っていますが、その方法を理解することができます。

フック経由で追加することはできますか？

私は誰でも助けてくれることを願っています。

Answer 1

add_action()を使用してコードをwoocommerce_single_product_summaryアクションフックに追加する必要があります。また、WooCommerceが同じフック（see source）に多くの機能を追加し、優先順位によって順序が決定されるため、優先順位を定義する必要があることに注意してください。私は抜粋の後に来なければならないので30が適切だろうと推測しました。

add_action('woocommerce_single_product_summary', 'so_41625126_add_map', 30); 
function so_41625126_add_map() { 

    if(function_exists('get_field') && $location = get_field('location')) { ?> 
     <div class="acf-map"> 
      <div class="marker" data-lat="<?php echo $location['lat']; ?>" data-lng="<?php echo $location['lng']; ?>"></div> 
     </div> 
    <?php } 
}