如何在WooCommerce产品页价格下方添加自定义PHP代码？

解决方法 #

你当前代码触发位置不符合预期，是因为绑定的woocommerce_after_add_to_cart_form钩子本身对应加入购物车表单下方的位置，要放到商品价格下方，只需修改代码中的钩子绑定规则即可，无需修改产品布局模板文件。

操作步骤 #

• 你可以直接将代码添加到当前站点活跃主题的functions.php文件中，或者添加到自定义功能插件中，避免后续主题更新覆盖自定义代码
• 将原有代码最后一行的钩子绑定语句替换即可：
  原有语句：add_action( 'woocommerce_after_add_to_cart_form', 'pb_modal', 1);
  替换为：add_action( 'woocommerce_single_product_summary', 'pb_modal', 11 );

WooCommerce默认的商品价格在woocommerce_single_product_summary钩子下的优先级为10，设置优先级为11就可以让Paybright的内容刚好输出在价格下方、其他产品摘要内容之前。如果显示位置不符合预期，可以调整优先级数值：数值越小内容越靠前，数值越大内容越靠后。

修改后完整代码 #

<?php
function pb_modal() {
    $pb_product_price = get_post_meta( get_the_ID(), '_price', true);
    $pb_product_format = number_format((float)$pb_product_price, 2, '.', '');
    echo "<script id='pb_prequalify' type='text/javascript' src='https://app.paybright.com/dist/sdk.js?public_key=*******'></script>
<script>
    pb_prequalify_init();
</script>
<div id='paybright-widget-container'></div>";
}
add_action( 'woocommerce_single_product_summary', 'pb_modal', 11 );
?>

内容的提问来源于stack exchange，提问作者Majid Seifi