워드프레스 우커머스 템플릿 파일 수정하기

우커머스(WooCommerce)는 워드프레스에서 쇼핑몰을 운영할 때 널리 사용되는 전자상거래 플러그인입니다. 몇 년 전만 해도 국내에서 우커머스를 사용하려면 관련 플러그인이 부족하여 불편했지만, 최근 들어 국내 환경에 맞는 플러그인이 많이 개발되어 있고, YITH 같은 업체에서 판매하는 우커머스 전용 플러그인을 사용하면 이전보다 수월하게 워드프레스로 쇼핑몰을 구축할 수 있습니다.

워드프레스 우커머스 템플릿 파일 수정하기

우커머스 플러그인을 설치하면 우커머스 관련 파일은 /wp-content/plugins/woocommerce/ 폴더에 위치하게 됩니다.

우커머스 레이아웃을 수정할 경우 보통 /wp-content/plugins/woocommerce/templates/ 내의 파일을 수정하게 됩니다. 하지만 직접 우커머스 템플릿 파일을 수정하는 경우, 추후에 우커머스가 업데이트가 되면 수정 사항이 모두 없어지게 됩니다. 이를 방지하기 위해 테마 폴더 아래에 수정할 템플릿 파일을 복사하여 수정할 수 있습니다.

방법은 비교적 간단합니다. /woocommerce/templates/ 폴더를 테마 폴더로 복사하고 "templates" 폴더 이름을 "woocommerce"로 바꿉니다. (가령 Twenty Twelve 테마를 사용하는 경우 /wp-content/themes/twentytwelve/woocommerce/가 됩니다.)

일부 테마(특히 Woocommerce와의 호환성을 선언한 테마)의 경우 테마 폴더 내에 미리 수정된 woocommerce 템플릿 파일이 포함되어 있기도 합니다. 예를 들어, Salient, 아바다 등 일부 워드프레스 테마에는 /woocommerce 폴더가 테마 폴더 아래에 포함되어 있습니다.

앞으로 수정할 우커머스 템플릿 파일은 폴더 구조와 이름을 동일하게 하여 테마 폴더 아래의 /woocommerce 폴더에 넣으면 됩니다. 그러면 우커머스가 업데이트되더라도 수정 사항이 유지됩니다.

우커머스에서 제공하는 후크(액션/필터)를 활용하면 템플릿 수정을 최소화할 수 있습니다. 우커머스 후크는 여기를 참고해보시기 바랍니다.

"Template Structure + Overriding Templates via a Theme" 글에서 이 과정을 동영상을 통해 설명하니 참고하시기 바랍니다. (영어로 되어 있습니다.)

참고:

• 워드프레스에서 단골고객 또는 VIP 등급을 자동으로 설정하는 YITH Automatic Role Changer for WooCommerce
• 우커머스 원클릭 결제 플러그인 - YITH WooCommerce One-Click Checkout