如何给Woocommerce添加立即购买按钮?

我们知道Woocommerce认的只有一个加入购物车的按钮,不太符合我们国人的使用习惯,我们一般还想加一个立即购买的按钮,点击后会跳过购物车直接到达结账页面,要实现这个功能,有现成的插件可以用,但是基于能不用插件就不用插件的原则,我们还是建议使用代码的方式来实现这个功能,而且代码实现起来也并不复杂。

1、给产品详情页添加立即购买按钮

您可以把下面的代码放到您的functions.PHP文件中,从而为产品详情页加入购物车旁边添加一个立即购买的按钮。

//添加立即购买按钮

add_action( 'woocommerce_after_add_to_cart_button','add_buy_Now_button' );

function add_buy_Now_button() {

global $product;

// Check if the product is variable and if it has enough attributes selected to display the price

if ( $product->is_type( 'variable' ) ) {

$variation_ids = $product->get_children();

$variation_count = 0;

foreach ( $variation_ids as $variation_id ) {

$variation = wc_get_product( $variation_id );

if ( $variation->is_in_stock() && $variation->has_attributes() && $variation->get_price() !== '' ) {

$variation_count++;

}

}

// Check if the product has a default variation set and if it has attributes selected

if ( $product->get_default_attributes() && $product->has_attributes() ) {

$need_selected = '';

} else {

$need_selected = ' disabled';

}

}

// display the "Buy Now" button

echo '<button type="submit" name="add-to-cart" value="' . get_the_ID(). '" class="single_buy_Now button alt'.$need_selected.'" id="buy_Now_button" ' . ($product->is_purchasable() && $product->is_in_stock() ? '' : ' disabled') . '><i class="iconfont icon-purse1S"></i>' . __('Quick Purchase','woocommerce') . '</button><input type="hidden" name="is_buy_Now" id="is_buy_Now" value="0">';

}

注意以下,里面立即购买按钮的html部分有一个icon的字体图标,你们可以换成你们自己的。

2、为立即购买按钮添加重定向

//立即购买重定向

add_filter('woocommerce_add_to_cart_redirect','redirect_to_checkout');

function redirect_to_checkout($redirect_url) {

if (isset($_REQUEST['is_buy_Now']) && $_REQUEST['is_buy_Now']) {

global $woocommerce;

$redirect_url = wc_get_checkout_url();

}

return $redirect_url;

}

3、将下面的js代码放到footer.PHP或者您的js文件

// listen if someone clicks 'Buy Now' button

$('#buy_Now_button').click(function(){

// set value to 1

$('#is_buy_Now').val('1');

//submit the form

$('form.cart').submit();

});

以上就是使用代码为woocommerce添加立即购买按钮的方法,希望对大家有所帮助!

相关文章

我们有时候在定制WORDPRESS主题的时候,由于菜单样式的要求我...
很多朋友在做wordpree主题制作的时候会经常遇到一个问题,那...
wordpress后台的模块很多,但并不是每个都经常用到。介绍几段...
从WordPress4.2版本开始,如果我们在MYSQL5.1版本数据中导出...
很多网友会遇到这样一个问题,就是WordPress网站上传图片、附...
对于经常要在文章中出现代码的IT相关博客,安装一个代码高亮...