베스트셀링 인기 워드프레스 테마 Top 30 자세한 정보

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

Last Updated: 2019년 5월 31일 | 4개 댓글
  • 네이버 블로그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기

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

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

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

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

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

아바다 테마 우커머스 템플릿
아바다 테마 폴더 내의 woocommerce 폴더

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

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

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

참고:



4 개 댓글

Leave a Comment

  1. 정보 감사드립니다. 혹시 우커머스 결제 완료시 마케팅자료를 위한 전환스크립트 추가는 어디에 해야하는지 문의좀 드릴수 있을까요?

    응답
    • 안녕하세요?

      결제 완료시 어떤 작업을 하시려고 하는가 봅니다.

      우커머스 액션/필터를 이용해보시기 바랍니다.

      https://docs.woocommerce.com/wc-apidocs/hook-docs.html

      응답