在WooCommerce中添加“立即购买”按钮直接跳转到结算页面
MNews 主题集成了 WooCommerce 商城插件，有些用户要求增加一个『立即购买』按钮，这篇文章介绍下如何在WooCommerce中添加“立即购买”按钮并直接跳转到结算页面。
注：当前功能只对『单个产品』有效。
一、添加『立即购买』按钮 HTML 代码
找到插件目录 /wp-content/plugins/woocommerce/templates/single-product/add-to-cart 下的 simple.php 文件，复制到主题 /wp-content/themes/mnews/woocommerce/single-product/add-to-cart 目录下，找到如何代码：
- <button type="submit" name="add-to-cart" value="<?php echo esc_attr( $product->get_id() ); ?>" class="single_add_to_cart_button button alt"><?php echo esc_html( $product->single_add_to_cart_text() ); ?></button>
在其下添加以下代码：
- <button type="submit" name="add-to-cart" value="<?php echo esc_attr($product->get_id()); ?>" class="single_add_to_cart_button button alt" id="buy_now_button">
- <?php _e('立即购买','salong'); ?>
- </button>
- <input type="hidden" name="is_buy_now" id="is_buy_now" value="0" />
此代码将会在『加入购物车』按钮后添加一个新的『立即购买』按钮。
二、添加 JS 代码函数到 functions.php 中
- function buy_now_submit_form() {
- ?>
- <script>
- jQuery(document).ready(function(){
-
- jQuery('#buy_now_button').click(function(){
-
- jQuery('#is_buy_now').val('1');
-
- jQuery('form.cart').submit();
- });
- });
- </script>
- <?php
- }
- 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://medium.com/@dwebsoftguy/add-buy-now-button-in-woocommerce-804528d41ecf本文原创，作者：萨龙龙，其版权均为萨龙网络所有。
如需转载，请注明出处：https://salongweb.com/add-buy-now-button-in-woocommerce.html
一个平平常常的人，热爱生活、旅行和摄影，骑行去过西藏，一直计划再去。14年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！WooCommerce商城首页默认被插件转换成归档页面archive-product.php，但是添加的依然是页面，所以通过get_post_m…Sixianqiu主题是专为诗歌设计开发的主题，有一些朋友也需要这样的多形式博客主题，就整理出来了。一开始所有的文章内容都是居中显示，这样对于其…在开发基于WooCommerce的商城主题时，我们一般会将模板文件添加到主题中来进行修改，对于有钩子或接口的地方，就没有必要再修改模板代码了…WooCommerce产品页面默认有3个选项卡：描述，其它信息和评论，对于很多WordPress主题或许不太适合，需要修改或者添加选项卡。…WooCommerce是WordPress中最强大的商城插件，没有之一。在Slearn主题的开发过程中，需要将课程和商城结合，课程使用…最近在做一款企业产品展示的商城网站，设计WooCommerce产品文章的布局与默认的布局有很大的不同，所以其中的一些模块都需要重新调整。WooC…WooCommerce在每个页面上加载三个核心CSS样式表，并在WordPress站点上安装时发布。可以通过从不需要它的页面和内容中删除样式和…WooCommerce插件默认为编辑产品页面提供了产品数据TABS，默认包括：常规、库存、配送、联锁产品、属性、高级等模块，功能强大而实用。…wordpress图片延迟加载已经不是稀奇的功能，网上有很多类似的文章，添加相当简单方便，woocommerce缩略图图片延迟加载也很方便的可以…在更新Concise主题时集成了前端用户中心和商城插件，发现插件中为商城产品文章设置好了固定链接，所以把萨龙网络的作品集与商城的两种自定义类型的…萨龙网络使用的主题Purity最新版本弃用了Buddypress社区插件，这样注册表单只能使用WooCommerce商城自带的，验证码还是使用S…为所有交易添加基于百分比的附加费
/**
*添加1%的附加费到你的购物车和结算页面
*更改百分比以将附加费设置为适合的…
