如何在商品店铺页及归档页的价格后插入指定PHP代码

实现方法 #

将以下代码添加到WordPress站点当前激活主题的functions.php文件末尾即可，如果你担心修改主题文件出错，也可以使用自定义代码片段插件插入代码：

add_action( 'woocommerce_after_shop_loop_item_price', 'add_contact_phone_after_product_price', 10 );
function add_contact_phone_after_product_price() {
    // 仅在店铺页、商品分类/标签归档页生效，自动排除商品详情页
    if ( is_shop() || is_product_taxonomy() ) {
        // 你要插入的电话字段输出代码
        the_author_meta( 'phone' );
    }
}

位置调整说明 #

如果插入的内容位置不符合预期，可以修改代码里的钩子和优先级：

• 想要把内容放在商品标题和价格之间：将钩子改为woocommerce_after_shop_loop_item_title，优先级设置为9（默认价格输出的优先级为10，数字越小越靠前）
• 想要把内容放在价格和加入购物车按钮之间：保持当前钩子即可，也可以替换为woocommerce_after_shop_loop_item_title，优先级设置为11

如果需要给插入的电话内容添加样式，可以给输出内容包裹带自定义类的标签，示例：

// 替换上面函数里the_author_meta那行代码即可
echo '<span class="custom-shop-phone" style="margin-left:8px;color:#222;">' . get_the_author_meta( 'phone' ) . '</span>';

内容的提问来源于stack exchange，提问作者Alex Phạm