Posts tagged: my-account

繼上一篇「WooCommerce 修改預設登入網址頁面」之後，會衍生出一個問題就是當你的客製化頁面看似正常，其實 WooCommerce 的「忘記密碼」功能還是跟 WooCommerce 綁在一起，這套組合技巧就要修改一下 WooCommerce 的預設忘記密碼的網址為 WordPress 的忘記密碼，聽起來超級繞舌，我們先來弄清楚一些事情。

1. WooCommerce 安裝後會覆蓋並取代 WordPress 的忘記密碼查詢頁面
2. 該頁面在 WooCommerce 的設定內可以看到叫做 lost-password，其實你可以客製一頁
3. 但是上一套技巧覆蓋並且使用 LoginPress 客製化登入頁面後會發現預設忘記密碼頁面沒辦法改

OK，那麼上面你懂了，我們就來更動一下這個連結替換為 WordPress 用的忘記密碼頁面連結就可以了

add_filter( 'lostpassword_url', 'my_lostpassword_url', 10, 2 );
function my_lostpassword_url( $lostpassword_url, $redirect ) {        
    $redirect = '/my-account/lost-password';
    
    return site_url( '/wp-login.php?action=lostpassword' . $redirect );
}

這就安插進佈景主題 functions.php 或者用 Code Snippet 就可以達成囉!

那麼也是有網友分享過用 Jquery 去達成的啦

function changeReseturl(){

jQuery(".woocommerce-LostPassword.lost_password a").attr('href','your-login-url');

}

add_action('wp_footer','changeReseturl');

兩者擇一使用就可以了。

最近做到一個難度略高的案子，關於要整個幾乎客製八成以上的功能，差不多快把 WordPress 拆了那種程度，在幾近完成階段時，業主給了一個很奇怪的要求，就是它們希望 WooCommerce 的登入頁面要跟 WordPress 登入的頁面要一樣。乍聽之下沒有什麼問題，但仔細一看你會發現問題不小，而且有點靠北，因為你可以透過 LoginPress 來完成客製，但內行的都知道 WooCommerce 的登入其實是獨立的，可是兩邊又是相通的這樣。

問題出現在你點「會員中心/我的帳號」也就是 my-account 這一頁，會先偵測你的登入狀況，如果你是從設計者提供的登入位置登入再點這一頁，看起來完全沒有問題，但是你若沒有登入直接點「會員中心/我的帳號」，你會發現他會強制帶你到一個 WooCommerce 預設的登入頁面，很陽春很醜，沒客製根本看起來超不專業的；網路上很多關於客製化登入頁面的外掛 Plugins 在販售著，如果不會改就只能乖乖花錢買外掛套用修改，後來我找到了一個方式可以完全不用外掛，只要把 CODE 插入之後，修改一些小地方就可以了。

function redirect_login_page(){
        if(is_user_logged_in()){
            return;
        }
        global $post;
      
        if( has_shortcode($post->post_content, "woocommerce_my_account") ) {
            wp_redirect( '/wp-login.php' );
            exit();
        }
    }

add_action( 'template_redirect','redirect_login_page' );

上面的 CODE 意思是，先偵測登入狀況，接著 wp_redirect( ‘/wp-login.php’ ); 這串的 /wp-login.php 就是改成你要指向的網址就好了，你也可以用 /?p=xxx 這種頁面 ID 去達成你要指向的客製化登入頁面喔！這個是我用 LoginPress 的範例，你可以改成你要指向的頁面 ID。

add_action('wp_logout','my_redirect_after_logout');
function my_redirect_after_logout(){
         wp_redirect( '/?p=xxx' );
         exit();
}

上面這串是設定當使用者按下登出（無論是在我的帳號、會員中心）要強制指向的位置，/?p=xxx 的 xxx 就是你要指向的頁面，當然你也可以指向一個網址。