woocommerce 产品页面 :添加一个亚马逊购买导流按钮方法

代码方法:
1.首先在woocommerce的产品页面添加一个自定义字段,例如amazon_link,然后在amazon_link的值里面填写亚马逊的网址。

2.然后把下面代码放在所使用主题function.php文件里面。

add_action( 'woocommerce_single_product_summary', 'my_extra_button_on_product_page', 30 );

function my_extra_button_on_product_page() {
global $product;
if ( get_post_meta(get_the_ID(), 'amazon_link', true) ){
echo '<a class="amazon-button" href="'.get_post_meta(get_the_ID(), 'amazon_link', true).'" target="_blank">Buy on Amazon</a>';
}

}
add_action( 'wp_head', function () { ?>
<style>
.product-desc li:before {
content: "\f112";
font: normal normal normal 16px/1 LineAwesome;
color: #f0494c;
}
.product-desc li {
list-style: none;
padding-bottom: 7px;
}
.product-desc ul {
padding-left: 0px;
}
</style>
<?php } );

保存完毕之后,当填写了亚马逊url的产品,前台就会多出来一个亚马逊的按钮,没有添加的则不会显示。

发表回复

您的电子邮箱地址不会被公开。