1. David Wu首页
  2. WordPress
  3. WordPress建站教程

WooCommerce添加“立即购买”数量变化时有效-WordPress安装教程

有些用户要求增加一个『立即购买』按钮,这篇文章介绍下如何在WooCommerce中添加“立即购买”按钮并直接跳转到结算页面。 注:当前功能只对『单个产品』有效。 一、添加『立即购买』按钮 HTML 代码 找到插件目录 /wp-content/plugins/woocommerce/templates/sing WP网站建设

有些用户要求增加一个『立即购买』按钮,这篇文章介绍下如何在WooCommerce中添加“立即购买”按钮并直接跳转到结算页面。

注:当前功能只对『单个产品』有效。

一、添加『立即购买』按钮 HTML 代码

找到插件目录 /wp-content/plugins/woocommerce/templates/single-product/add-to-cart 下的 simple.php 文件,

复制到主题 /wp-content/themes/xmhudong/woocommerce/single-product/add-to-cart 目录下,

主要这边有一点 是要在single-product 这个文件夹下建立个新的文件夹 add-to-cart  然后再丢进去,不要直接放在 single-product 目录下

找到如何代码:

<button class="single_add_to_cart_button button alt" name="add-to-cart" type="submit" value="<?php echo esc_attr( $product->get_id() ); ?>"><!–?php echo esc_html( $product->single_add_to_cart_text() ); ?–></button>

在其下添加以下代码:

<button id="buy_now_button" class="single_add_to_cart_button button alt" name="add-to-cart" type="submit" value="<?php echo esc_attr($product->get_id()); ?>">
<!–?php _e('立即购买','salong'); ?–>
</button>
<input id="is_buy_now" name="is_buy_now" type="hidden" value="0" />

此代码将会在『加入购物车』按钮后添加一个新的『立即购买』按钮。

二、添加 JS 代码函数到 functions.php 中

function buy_now_submit_form() {
?>
<script>
jQuery(document).ready(function(){
// listen if someone clicks 'Buy Now' button
jQuery('#buy_now_button').click(function(){
// set value to 1
jQuery('#is_buy_now').val('1');
//submit the form
jQuery('form.cart').submit();
});
});
</script>
<!–?php <br ?–> }
add_action('woocommerce_after_add_to_cart_form', 'buy_now_submit_form');

此段代码是用来监听按钮点击事件,也可以单独把 js 代码直接放在 js 文件中,不过这样方便一些。

三、重定向到结算页面

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;
}

这是帮助我们将用户重定向到结帐页面的代码。默认情况下,是重定向到购物车页面。

到此,如果点击『立即购买』按钮,将重定向到结帐页面。

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/130546

服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

邮箱地址不会被公开。 必填项已用*标注