우커머스 상품 페이지에서 카테고리 메타 정보를 제거하는 방법

우커머스의 단일 상품 페이지에는 기본적으로 상품의 카테고리가 표시됩니다. 상품 정리를 위해 카테고리를 사용하지 않는 경우 이 메타 정보를 제거하는 것이 좋을 수 있습니다.

우커머스 상품 페이지에서 카테고리 메타 정보 제거하기

워드프레스 우커머스의 개별 상품 페이지에서 상품 메타 정보를 제거하려면 다음 코드를 테마의 함수 파일(functions.php)에 추가하면 됩니다. (자식 테마를 사용하시기 바랍니다. 자식 테마를 사용하지 않고 진행할 경우 테마가 업데이트되면 수정 사항이 사라집니다.)

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );

다른 방법으로 CSS를 통해 숨기는 방법도 있습니다. 예를 들어, 다음과 같은 코드를 이용할 수 있습니다.

.product_meta {
display: none;
}

테마에 따라 코드는 조금 다를 수 있습니다. 아바다 테마의 Classic Shop 데모에서는 위와 같은 코드를 이용하여 상품 메타 정보를 숨길 수 있습니다. 상품 메타 정보 중 일부 항목만 숨기고 싶다면 다음과 같은 CSS 코드를 사용할 수 있습니다.

/* 상품 카테고리 메타 정보 숨기기 */
/* Hide product categories meta info */
.product_meta .posted_in {
display: none;
}

/* 상품 태그 메타 정보 숨기기 */
/* Hide product tags meta info */
.product_meta .tagged_as {
display: none;
}

/* SKU 정보 숨기기 */
/* Hide SKU */
.product_meta .sku_wrapper {
display: none;
}

마찬가지로 아바다 테마에서 테스트했으며, 다른 테마에서 잘 작동하지 않는다면 클래스명을 확인하여 적절히 수정해야 합니다.

참고:

• 우커머스 간편 주문 페이지 - YITH Easy Order Page for WooCommerce
• 우커머스에서 ‘세일(할인)’ 아이콘을 다른 이미지로 바꾸는 방법