우커머스 상품 설명 탭을 상품 설명 요약 탭 아래로 이동하기

워드프레스의 우커머스(WooCommerce)에서 개별 상품 페이지의 "상품 설명" 탭은 아래 그림과 같이 상품 이미지와 "상품 설명 요약" 탭 아래에 위치합니다. 하지만 위와 같이 "상품 설명 요약"이 없는 경우 보기가 별로 좋지 않을 수 있습니다. 이런 경우 아래의 함수를 사용하여 "상품 설명" 탭을 "상품 설명 요약" 아래로 이동시킬 수 있습니다.

우커머스 상품 설명 탭을 상품 설명 요약 탭 아래로 이동하는 방법

"상품 설명" 탭을 "상품 설명 요약" 아래로 이동시키고 싶은 경우 다음과 같은 코드를 사용할 수 있습니다.

// Removes tabs from their original loaction
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );

// Inserts tabs under the main right product content
add_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 60 );
// (Source: https://support.woothemes.com)

그러면 아래 그림과 같이 우커머스 탭이 이동합니다.

위의 코드를 테마(차일드 테마를 만들어 작업)의 functions.php에 추가하면 상품 페이지의 레이아웃이 아래와 같이 변경됩니다.

만약 다시 처음 레이아웃으로 되돌리려면 위의 코드를 함수 파일에서 삭제하면 됩니다.

참고

• 우커머스 가격 및 할인 규칙 지정 플러그인 - YITH WooCommerce Dynamic Pricing and Discount