hi,你好!欢迎访问本站!登录
本站由网站地图腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 教程 - cms - 正文 君子好学,自强不息!

【WordPress建站】在WooCommerce结账页面上更改“下订单”按钮的文本

2019-11-13cms搜奇网29°c
A+ A-

有时您可能想更改标准的结账按钮文本,例如“下订单”,“继续进行PayPal”等。在本教程中,我将向您展示几种方法。

请注意,此文字会根据所选的付款方式动态更改:

如您所见,我已经将文本更改为“提交”

从理论上讲,如果您了解WooCommerce模板结构,则可以替换此文件中的按钮文本:

但请不要这样做,因为通过钩子可以实现的。我会展示给您看。

方法1:使用woocommerce_order_button_text钩子更改文本

最简单的方法是,将这段代码复制到当前主题的functions.php文件中(最好是添加到子主题或自定义插件,否则,每次主题更新后,您所做的更改都会丢失)。

/**
 * @snippet       更改“下订单”按钮文本 @ WooCommerce Checkout
 * @sourcecode    https://rudrastyh.com/?p=8327#woocommerce_order_button_text
 * @author        Misha Rudrastyh
 */
add_filter( 'woocommerce_order_button_text', 'misha_custom_button_text' );
 
function misha_custom_button_text( $button_text ) {
   return 'Submit'; // 修改这里的文字即可
}

如果购物车中有特定产品,或者购物车中有特定类别的产品,您还可以更改按钮文本。

add_filter( 'woocommerce_order_button_text', 'misha_custom_button_text_for_product' );
 
function misha_custom_button_text_for_product( $button_text ) {
 
	$product_id = 18; // 可以修改这里的产品ID
 
	if( WC()->cart->find_product_in_cart( WC()->cart->generate_cart_id( $product_id ) ) ) {
		$button_text = 'Submit';
	}
 
	return $button_text;
 
}

方法2:使用woocommerce_order_button_html钩子更改文本

使用此函数,我们主要是在woocommerce_order_button_html过滤器挂钩中使用PHP函数 str_replace() 进行文本替换。这是实现方法:

add_filter( 'woocommerce_order_button_html', 'misha_custom_button_html' );
 
function misha_custom_button_html( $button_html ) {
	$button_html = str_replace( 'Place order', 'Submit', $button_html );
	return $button_html;
}

该挂钩woocommerce_order_button_html仅接受一个参数,即按钮HTML。该挂钩还允许您从头开始创建按钮的HTML。

add_filter( 'woocommerce_order_button_html', 'misha_custom_button_html' );
 
function misha_custom_button_html( $button_html ) {
	$order_button_text = 'Submit';
        $button_html = '<button type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="' . esc_attr( $order_button_text ) . '" data-value="' . esc_attr( $order_button_text ) . '">' . esc_html( $order_button_text ) . '</button>';
}

为支付网关更改按钮文本

首先,您的自定义支付网关可能没有这方面的钩子,其次,当然,您不能直接在支付网关插件文件中进行更改。

那么该怎么办?JavaScript?当然不!

即使支付网关没有这个钩子,它也必须支持本地化。因此,在这种情况下, gettext 钩子将为我们提供帮助。

/**
 * @snippet       Change "Proceed to PayPal" Button text @ WooCommerce Checkout
 * @sourcecode    https://rudrastyh.com/?p=8327#payment_gateways_text
 * @author        Misha Rudrastyh
 */
add_filter( 'gettext', 'misha_custom_paypal_button_text', 20, 3 );
 
function misha_custom_paypal_button_text( $translated_text, $text, $domain ) {
 
	if( $translated_text == 'Proceed to PayPal' ) { // 检测旧文本
		$translated_text = 'Pay with PayPal'; // 在这里设置新的按钮文本
	}
 
	return $translated_text;
}

您可以将此代码应用于任何支付网关,只需检测旧的按钮文本,然后在第10行代码中替换为新的文本即可。

请小心,因为您要覆盖的字符串(例如“ Proceed to PayPal”)可能会在您网站的其他地方使用。如果是这样,只需添加一个条件判断。

声明:原文出自 https://rudrastyh.com/woocommerce/place-order-button-text.html ,由 ki4 翻译整理,转载请保留本声明!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  移步手机端
【WordPress建站】在WooCommerce结账页面上更改“下订单”按钮的文本

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
未定义标签

本文来源:搜奇网

本文地址:https://www.sou7.cn/281534.html

关注我们:微信搜索“搜奇网”添加我为好友

版权声明: 本文仅代表作者个人观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。请记住本站网址https://www.sou7.cn/搜奇网。

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>