使用短代码在任何地方显示 WooCommerce 优惠券输入字段

Question

我有一个小项目，需要将 Woocommerce 优惠券字段插入任何页面，但这对我来说似乎很复杂。我在 Google 上搜索过这方面的内容，但没有任何相关资源。找到了有关插入字段的代码。

将此代码插入到文本块中：

<div class="redeem-coupon">
<form id="ajax-coupon-redeem">
    <p>
        <input type="text" name="coupon" id="coupon"/>
        <input type="submit" name="redeem-coupon" value="Redeem Offer" />
    </p>
    <p class="result"></p>
</form><!-- #ajax-coupon-redeem -->

这会生成表单，但没有其他代码可以将其处理到页面中？

是否可以通过短代码或其他方式生成？

Answer 1

以下自定义简码将显示一个文本输入字段（带有提交按钮），用户可以在其中输入要应用的优惠券代码。

用法：[coupon_field] 或在 Php 代码中 echo do_shortcode("[coupon_field]");

代码：

add_shortcode( 'coupon_field', 'display_coupon_field' );
function display_coupon_field() {
    if( isset($_GET['coupon']) && isset($_GET['redeem-coupon']) ){
        if( $coupon = esc_attr($_GET['coupon']) ) {
            $applied = WC()->cart->apply_coupon($coupon);
        } else {
            $coupon = false;
        }

        $success = sprintf( __('Coupon "%s" Applied successfully.'), $coupon );
        $error   = __("This Coupon can't be applied");

        $message = isset($applied) && $applied ? $success : $error;
    }

    $output  = '<div class="redeem-coupon"><form id="coupon-redeem">
    <p><input type="text" name="coupon" id="coupon"/>
    <input type="submit" name="redeem-coupon" value="'.__('Redeem Offer').'" /></p>';

    $output .= isset($coupon) ? '<p class="result">'.$message.'</p>' : '';

    return $output . '</form></div>';
}

代码在您的活动子主题（或主题）的 function.php 文件中。已测试并有效。

应用优惠券后显示成功或错误消息。

使用短代码在任何地方显示 WooCommerce 优惠券输入字段

Display a WooCommerce coupon input field anywhere with a shortcode

php

wordpress

shortcode

coupon

woocommerce