【问题标题】:WooCommerce lost password form on another pageWooCommerce 在另一个页面上丢失了密码表单
【发布时间】:2015-04-10 18:57:55
【问题描述】:

使用最新版本的 WooCommerce,我试图让丢失的密码表单显示在几个不同的页面上。问题是,从woocommerce > templates > myaccount > form-lost-password.php 复制默认表单并将代码放在另一个页面上是行不通的。

这是表单的默认代码:

<form method="post" class="lost_reset_password">

    <?php if( 'lost_password' == $args['form'] ) : ?>

        <p><?php echo apply_filters( 'woocommerce_lost_password_message', __( 'Lost your password? Please enter your username or email address. You will receive a link to create a new password via email.', 'woocommerce' ) ); ?></p>

        <p class="form-row form-row-first"><label for="user_login"><?php _e( 'Username or email', 'woocommerce' ); ?></label> <input class="input-text" type="text" name="user_login" id="user_login" /></p>

    <?php else : ?>

        <p><?php echo apply_filters( 'woocommerce_reset_password_message', __( 'Enter a new password below.', 'woocommerce') ); ?></p>

        <p class="form-row form-row-first">
            <label for="password_1"><?php _e( 'New password', 'woocommerce' ); ?> <span class="required">*</span></label>
            <input type="password" class="input-text" name="password_1" id="password_1" />
        </p>
        <p class="form-row form-row-last">
            <label for="password_2"><?php _e( 'Re-enter new password', 'woocommerce' ); ?> <span class="required">*</span></label>
            <input type="password" class="input-text" name="password_2" id="password_2" />
        </p>

        <input type="hidden" name="reset_key" value="<?php echo isset( $args['key'] ) ? $args['key'] : ''; ?>" />
        <input type="hidden" name="reset_login" value="<?php echo isset( $args['login'] ) ? $args['login'] : ''; ?>" />

    <?php endif; ?>

    <div class="clear"></div>

    <p class="form-row">
        <input type="hidden" name="wc_reset_password" value="true" />
        <input type="submit" class="button" value="<?php echo 'lost_password' == $args['form'] ? __( 'Reset Password', 'woocommerce' ) : __( 'Save', 'woocommerce' ); ?>" />
    </p>

    <?php wp_nonce_field( $args['form'] ); ?>

</form>

这就是我正在使用的:

<form method="post" class="lost_reset_password">
  <h2 id="reset-h2">Recover your password</h2>
  <p id="reset-p">Please enter your email address below to receive a link where you can create a new password</p>
  <input class="input-text reset-email-password" type="text" name="user_login" id="user_login" placeholder="Enter your email"/>
  <input type="hidden" name="wc_reset_password" value="true" />
  <input type="submit" class="button submit-button custom-reset" value="<?php _e( 'Reset Password', 'woocommerce' ); ?>" />
  <a href="#" id="reset-back">Back</a>
  <?php wp_nonce_field( $args['form'] ); ?>
</form>

请注意,我删除了 else 部分,因为我只希望用户提交的表单能够收到一封包含重置密码链接的电子邮件(这显然会将您带到我已删除的代码)。

我唯一能想到的为什么这不起作用是因为我错过了&lt;?php do_action( 'woocommerce_login_form_end' ); ?&gt; 之类的操作,但我不知道丢失密码需要什么操作。

很想在这方面得到一些帮助,所以如果我需要提供其他任何东西,请告诉我,谢谢!

【问题讨论】:

    标签: php wordpress forms woocommerce


    【解决方案1】:

    尝试将这行代码插入到您希望显示表单的模板文件中:

    wc_get_template( 'myaccount/form-lost-password.php', array( 'form' => 'lost_password' ) );
    

    【讨论】:

    • 谢谢哥们,它工作得很好。我会在一天内奖励你。
    【解决方案2】:

    这可能是一个老问题,我遇到了同样的问题,但接受的答案只会显示丢失的密码表单。提交您的电子邮件地址后,它将返回到位于my-account/lost-password 的默认表单。

    就我而言,我想删除默认的lost password 页面或端点并使用我的自定义页面,但我仍想使用默认表单。

    所以,要在另一个页面中完整显示lost password form、confirmation message 和new password form;

    1:删除丢失密码的端点。
    转到WooCoommerce > Settings > Advanced,然后滚动到Account endpoints,您将看到Lost password。只需删除其值并保存设置即可。

    2:将默认丢失密码的网址更改为新的丢失密码页面。
    将以下钩子添加到您的functions.php,注意/password-recovery,根据您的新丢失密码页面的slug进行更改..

    function wdm_lostpassword_url() {
      return site_url( '/password-recovery' );
    }
    add_filter( 'lostpassword_url', 'wdm_lostpassword_url', 10, 0 );
    

    3:设置用户修改密码成功后重定向到哪里。
    就我而言,我想将用户重定向到sign-in 页面并添加一条通知消息,表明他/她已成功更改密码。根据您的情况使用下面的钩子来更改它,但是无论您设置什么网址,请确保在网址末尾添加new-password-created=true 的查询,就像我在"/sign-in/?new-password-created=true" 所做的一样。

    function woocommerce_new_pass_redirect( $user ) {
        wc_add_notice( __( 'Your password has been changed successfully! Please login to continue.', 'woocommerce' ), 'success' );
        wp_redirect( home_url() . "/sign-in/?new-password-created=true" );
        exit;
    }
    add_action( 'woocommerce_customer_reset_password', 'woocommerce_new_pass_redirect' );
    

    4:为丢失密码表单创建简码。
    这就是奇迹发生的地方,使用下面的代码为lost password form 创建短代码。 WooCoommerce 的默认形式仍在使用中。

    //Create shortcode for lost password form [lost_password_form]
    function wc_custom_lost_password_form( $atts ) {
        if ( !empty( $_COOKIE[ "csx-reset-link-set" ] ) && isset( $_COOKIE[ "csx-reset-link-set" ] ) && $_COOKIE[ "csx-reset-link-set" ] === "true" ) { // WPCS: input var ok, CSRF ok.
            return wc_get_template( 'myaccount/lost-password-confirmation.php' );
        } elseif ( !empty( $_SESSION[ "csx-show-reset-form" ] ) && isset( $_SESSION[ "csx-show-reset-form" ] ) && $_SESSION[ "csx-show-reset-form" ] === "true" ) {
            $rp_id = $_SESSION[ "csx-id" ];
            $rp_key = $_SESSION[ "csx-key" ];
            if ( isset( $_COOKIE[ 'wp-resetpass-' . COOKIEHASH ] ) && 0 < strpos( $_COOKIE[ 'wp-resetpass-' . COOKIEHASH ], ':' ) ) { // @codingStandardsIgnoreLine
                list( $rp_id, $rp_key ) = array_map( 'wc_clean', explode( ':', wp_unslash( $_COOKIE[ 'wp-resetpass-' . COOKIEHASH ] ), 2 ) ); // @codingStandardsIgnoreLine
                $userdata = get_userdata( absint( $rp_id ) );
                $rp_login = $userdata ? $userdata->user_login : '';
                $user = WC_Shortcode_My_Account::check_password_reset_key( $rp_key, $rp_login );
    
                // Reset key / login is correct, display reset password form with hidden key / login values.
                if ( is_object( $user ) ) {
                    return wc_get_template(
                        'myaccount/form-reset-password.php',
                        array(
                            'key' => $rp_key,
                            'login' => $rp_login,
                        )
                    );
                }
            }
        }
    
        // Show lost password form by default.
        return wc_get_template(
            'myaccount/form-lost-password.php',
            array(
                'form' => 'lost_password',
            )
        );
    }
    add_shortcode( 'lost_password_form', 'wc_custom_lost_password_form' );
    
    //Handling query
    function csx_process_query() {
    
        if ( isset( $_GET[ 'reset-link-sent' ] ) && $_GET[ 'reset-link-sent' ] === "true" ) {
            setcookie( 'csx-reset-link-set', "true", time() + ( 300 * 1 ), "/" ); //Allow to submit email for reset after 5 minutes only.
            unset( $_SESSION[ "csx-show-reset-form" ] );
        }
    
        if ( isset( $_GET[ 'show-reset-form' ] ) && $_GET[ 'show-reset-form' ] === "true" ||
            isset( $_GET[ 'key' ] ) && isset( $_GET[ 'id' ] ) ) {
            $_SESSION[ "csx-show-reset-form" ] = "true";
            setcookie( 'csx-reset-link-set', "", time() - 3600, "/" );
        }
    
        //Set session and cookie if key and id are existed
        if ( isset( $_GET[ 'key' ] ) && isset( $_GET[ 'id' ] ) ) {
            $_SESSION[ "csx-key" ] = $_GET[ 'key' ];
            $_SESSION[ "csx-id" ] = $_GET[ 'id' ];
    
            $value = sprintf( "%s:%s", wp_unslash( $_GET[ 'id' ] ), wp_unslash( $_GET[ 'key' ] ) );
            WC_Shortcode_My_Account::set_reset_password_cookie( $value );
        }
    
        //Unset session and cookie after successfully changed the password.
        if ( isset( $_GET[ 'new-password-created' ] ) && $_GET[ 'new-password-created' ] === "true" ) {
            setcookie( 'wp-resetpass-' . COOKIEHASH, "", time() - 3600 );
            unset( $_SESSION[ "csx-show-reset-form" ] );
            unset( $_SESSION[ "csx-reset-link-set" ] );
            unset( $_SESSION[ "csx-id" ] );
            unset( $_SESSION[ "csx-key" ] );
        }
    }
    add_action( 'init', 'csx_process_query' );
    
    //Redirect to custom lost password on request
    function csx_redirections() {
        if ( isset( $_GET[ 'reset-link-sent' ] ) || isset( $_GET[ 'show-reset-form' ] ) ||
            isset( $_GET[ 'key' ] ) && isset( $_GET[ 'id' ] ) ) {
            wp_redirect( home_url() . '/password-recovery' );
            exit;
        }
    }
    add_action( 'template_redirect', 'csx_redirections' );
    

    您现在可以使用 ShortCode [lost_password_form],只需将其放入您的页面,表单就会显示出来。请注意,您需要更改 password-recovery 的 slug。

    5:更改在用户请求丢失密码时发送给用户的电子邮件中的 URL。
    覆盖位于woocommerce/templates/emails/customer-reset-password.php 和woocommerce/templates/emails/plain/customer-reset-password.php 的templates。

    这是一个普通电子邮件的示例;

    <?php
    /**
     * Customer Reset Password email
     *
     * This template can be overridden by copying it to yourtheme/woocommerce/emails/plain/customer-reset-password.php.
     *
     * HOWEVER, on occasion WooCommerce will need to update template files and you
     * (the theme developer) will need to copy the new files to your theme to
     * maintain compatibility. We try to do this as little as possible, but it does
     * happen. When this occurs the version of the template file will be bumped and
     * the readme will list any important changes.
     *
     * @see https://docs.woocommerce.com/document/template-structure/
     * @package WooCommerce/Templates/Emails/Plain
     * @version 3.7.0
     */
    
    defined( 'ABSPATH' ) || exit;
    
    echo "=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=\n";
    echo esc_html( wp_strip_all_tags( $email_heading ) );
    echo "\n=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=\n\n";
    
    /* translators: %s: Customer username */
    echo sprintf( esc_html__( 'Hi %s,', 'woocommerce' ), esc_html( $user_login ) ) . "\n\n";
    /* translators: %s: Store name */
    echo sprintf( esc_html__( 'Someone has requested a new password for the following account on %s:', 'woocommerce' ), esc_html( wp_specialchars_decode( get_option( 'blogname' ), ENT_QUOTES ) ) ) . "\n\n";
    /* translators: %s: Customer username */
    echo sprintf( esc_html__( 'Username: %s', 'woocommerce' ), esc_html( $user_login ) ) . "\n\n";
    echo esc_html__( 'If you didn\'t make this request, just ignore this email. If you\'d like to proceed:', 'woocommerce' ) . "\n\n";
    echo esc_url( add_query_arg( array( 'key' => $reset_key, 'id' => $user_id ), home_url().'/your-custom-url/' ) ) . "\n\n"; // phpcs:ignore
    
    echo "\n\n----------------------------------------\n\n";
    
    /**
     * Show user-defined additional content - this is set in each email's settings.
     */
    if ( $additional_content ) {
        echo esc_html( wp_strip_all_tags( wptexturize( $additional_content ) ) );
        echo "\n\n----------------------------------------\n\n";
    }
    

    对于非纯电子邮件消息;

    <?php
    /**
     * Customer Reset Password email
     *
     * This template can be overridden by copying it to yourtheme/woocommerce/emails/customer-reset-password.php.
     *
     * HOWEVER, on occasion WooCommerce will need to update template files and you
     * (the theme developer) will need to copy the new files to your theme to
     * maintain compatibility. We try to do this as little as possible, but it does
     * happen. When this occurs the version of the template file will be bumped and
     * the readme will list any important changes.
     *
     * @see https://docs.woocommerce.com/document/template-structure/
     * @package WooCommerce/Templates/Emails
     * @version 4.0.0
     */
    
    if ( ! defined( 'ABSPATH' ) ) {
        exit; // Exit if accessed directly.
    }
    
    ?>
    
    <?php do_action( 'woocommerce_email_header', $email_heading, $email ); ?>
    
    <?php /* translators: %s: Customer username */ ?>
    <p><?php printf( esc_html__( 'Hi %s,', 'woocommerce' ), esc_html( $user_login ) ); ?></p>
    <?php /* translators: %s: Store name */ ?>
    <p><?php printf( esc_html__( 'Someone has requested a new password for the following account on %s:', 'woocommerce' ), esc_html( wp_specialchars_decode( get_option( 'blogname' ), ENT_QUOTES ) ) ); ?></p>
    <?php /* translators: %s: Customer username */ ?>
    <p><?php printf( esc_html__( 'Username: %s', 'woocommerce' ), esc_html( $user_login ) ); ?></p>
    <p><?php esc_html_e( 'If you didn\'t make this request, just ignore this email. If you\'d like to proceed:', 'woocommerce' ); ?></p>
    <p>
        <a class="link" href="<?php 
                              echo esc_url( add_query_arg( array( 'key' => $reset_key, 'id' => $user_id ), home_url()."/your-custom-url/" ) ); ?>"><?php // phpcs:ignore ?>
            <?php esc_html_e( 'Click here to reset your password', 'woocommerce' ); ?>
        </a>
    </p>
    
    <?php
    /**
     * Show user-defined additional content - this is set in each email's settings.
     */
    if ( $additional_content ) {
        echo wp_kses_post( wpautop( wptexturize( $additional_content ) ) );
    }
    
    do_action( 'woocommerce_email_footer', $email );
    

    只需将网址更改为您的网页。请注意,您需要在普通和非普通电子邮件中执行此操作。

    【讨论】:

    • 谢谢,很好的回答。但我需要知道是否有办法通过 ajax 发送电子邮件以重置密码,因为我不想在输入电子邮件后被重定向。我需要在电子邮件表单所在的同一页面中显示带有 javascript 的确认消息。有人有解决方案吗?谢谢。
    • @Adriana Hernandez - 是的,这是可能的。不过,我会在假期结束后回到这里。现在不能用我的大脑来解决这个问题,因为我的朋友在度假时提出了挑战。
    • 谢谢。这是一个非常出色的答案。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-11-09
    • 2013-10-17
    • 2017-02-20
    • 1970-01-01
    • 2018-11-13
    • 1970-01-01
    • 2017-10-30
    相关资源
    最近更新 更多