우커머스 ‘내 계정’ 페이지를 누르면 ‘주문’ 내역이 표시되도록 하는 방법

0

워드프레스 우커머스 쇼핑몰에서 ‘내 계정’ 링크를 클릭하면 다음 그림과 같이 대시보드(알림판)가 표시되고, 왼쪽의 ‘주문’ 탭을 클릭해야 주문 내역을 볼 수 있습니다.

우커머스 내 계정 페이지

위의 화면은 아바다 테마를 기준하는 것이며 테마에 따라 레이아웃이 달라질 수 있습니다. 영문으로 된 부분은 Loco Translate를 사용하여 한글로 직접 번역할 수 있습니다.

내 계정‘을 클릭할 때 곧바로 주문 상세 내역이 표시되도록 하는 방법을 조금 생각해보았습니다. 별로 바람직한 것 같지는 않지만 다음 코드를 테마 함수에 추가하면 ‘내 계정’ 페이지를 클릭하면 ‘주문’ 내역이 표시됩니다. (차일드 테마 내의 함수 파일에 추가하시기 바랍니다. 그렇지 않으면 테마가 업데이트되는 경우 코드가 사라지게 됩니다.)

/* Woocommerce Account Redirection to Orders List */
function wpmu_woocommerce_account_redirect() {

$current_url = (isset($_SERVER['HTTPS']) ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";

$dashboard_url = get_permalink( get_option('woocommerce_myaccount_page_id'));

if(is_user_logged_in() && $dashboard_url == $current_url){
$url = get_home_url() . '/my-account/orders';
wp_redirect( $url );
exit;
}
}
add_action('template_redirect', 'wpmu_woocommerce_account_redirect');

/* Remove Dashboard of My Account Page */
function custom_my_account_menu_items( $items ) {
unset($items['dashboard']);
return $items;
}
add_filter( 'woocommerce_account_menu_items', 'custom_my_account_menu_items' );

위의 코드는 “Detect dashboard of WooCommerce “my account” pages“에 언급된 코드에 착안하여 만든 것입니다. 다음은 실제 작동 화면입니다.

우커머스 내 계정 페이지 커스터마이징

오류(예: 404 페이지 없음 에러)가 발생하는 경우 우커머스 설정에서 우커머스 페이지들이 제대로 지정되어 있는지 확인해보시기 바랍니다.

이 방법보다는 YITH에서 만든 YITH WooCommerce Customize My Account Page 플러그인을 사용하는 것이 보다 정교하게 내 계정 페이지를 만들 수 있을 것입니다.

우커머스 내 계정 페이지 수정하기
YITH WooCommerce Customize My Account Page 플러그인: 사이드바 레이아웃

자세한 내용은 우커머스 ‘내 계정’ 페이지 수정하기를 참고하시기 바랍니다.


참고로 우커머스 ‘내 계정’ 페이지를 직접 수정하고 싶은 경우 다음 글들을 참고해보시기 바랍니다. 영문으로 되어 있고, 지금도 잘 작동하는지는 장담할 수 없지만 어떤 식으로 수정하는지에 대한 아이디어를 얻을 수 있을 것입니다. (우커머스가 업데이트되면서 이전에 잘 작동하는 방식이 잘 작동하지 않을 수도 있습니다.)

  • ‘내 계정’ 페이지에 새 탭 추가하기 – https://businessbloomer.com/woocommerce-add-new-tab-account-page/
  • ‘내 계정’ 탭을 숨기거나 이름을 변경하는 방법 – https://businessbloomer.com/woocommerce-hide-rename-account-tab/
  • 내 계정 탭을 병합하는 방법 – https://businessbloomer.com/woocommerce-merge-account-tabs/
  • 내 계정의 회원 가입/로그인 페이지에 컨텐츠 추가하기 – https://businessbloomer.com/woocommerce-show-extra-content-my-account-page/
  • 내 계정의 회원 가입 폼에 성과 이름을 추가하기 – https://businessbloomer.com/woocommerce-add-first-last-name-account-register-form/
  • ‘내 계정’ 회원 가입 폼에 선택 필드 추가하기 – https://businessbloomer.com/woocommerce-add-select-field-account-register-form/
  • 사용자가 구입한 모든 상품 표시 – https://businessbloomer.com/woocommerce-display-products-purchased-user/

참고:

*일부 글에 제휴링크가 포함될 수 있습니다.기부를 통해 블로그 운영을 후원하실 수 있습니다.

Related Posts

댓글 남기기