给 WooCommerce 产品页面添加自定义代码或者 html 内容，纯代码实现。

2017年8月1日

1,607 热度

注册账号

立即登录

标签： WooCommerce

该话题包含 1 个回复，1 人参与，最后由诗语更新于 6年、 9月前。

正在查看 2 个帖子：1-2 (共 2 个帖子)

作者

帖子

#22219

诗语

管理员

文章数量： 5,866

@feibisi

楼主

2017年8月1日下午8:45

// WooCommerce 添加到购物车按钮后的自定义内容

add_action( 'woocommerce_after_add_to_cart_button', 'content_after_addtocart_button' );
 
function content_after_addtocart_button() {
echo '<div class="content-section"><a href="https://www.amazon.com/" target="_blank" rel="noopener"><img class="aligncenter" src="https://landkissing.dev/wp-content/uploads/2017/08/buyonamazon-1.jpg" /></a></div>';
}

#22220

诗语

管理员

文章数量： 5,866

@feibisi

楼主

2017年8月2日上午8:45

另外如果是需要添加一个空白区域的话也可以用下面的代码

比如添加一个亚马逊的购买按钮：

// 按钮后的自定义内容
add_action( 'woocommerce_after_add_to_cart_button', 'content_after_addtocart_button' );
 
function content_after_addtocart_button() {
echo '输入HTML或者文字内容';
}