우커머스에서 가격이 ‘0원’인 상품을 ‘무료’로 표시하는 방법

0

워드프레스 우커머스 쇼핑몰에서 가격이 ‘0원’인 상품의 가격을 ‘무료’로 표시하는 방법

워드프레스에서 우커머스를 설치하여 쇼핑몰을 운영하는 경우, 가격이 0원인 상품의 가격을 ‘무료’ 혹은 비슷한 다른 문구로 표시하는 것을 생각해볼 수 있습니다.

이 경우 다음 코드를 사용 중인 워드프레스의 테마 함수 파일(가급적 차일드 테마를 만들고 차일드 테마의 함수 파일)에 추가하면 가격이 ‘0원’ 혹은 ‘0달러’인 제품의 가격에 ‘0원’ 대신 ‘무료’라는 문구가 표시됩니다.

add_filter('woocommerce_get_price_html', 'changeFreePriceNotice', 10, 2);
function changeFreePriceNotice($price, $product) {
if ( $price == wc_price( 0.00 ) )
return '무료';
else
return $price;
}
// Source: codemyownroad.com

위의 코드를 아바다의 Modern Shop 데모에서 테스트해보니 잘 작동하네요.

결제 페이지에서는 가격이 ‘0원’으로 표시됩니다.

사용하는 테마에 따라 제공되는 후크(액션/필터)가 있을 수 있습니다.

Enfold 테마에서는 다음 코드를 사용해볼 수 있습니다(실제로 테스트는 안 해 보았습니다).

function avf_woocommerce_free_price_html( $price, $instance ) {
$price = '<span class="amount">무료</span>';
return $price;
};

add_filter( 'woocommerce_free_price_html', 'avf_woocommerce_free_price_html', 10, 2 );

만약 위의 코드가 제대로 작동하지 않으면 다음과 같은 코드도 시도해볼 수 있습니다.

add_filter('woocommerce_empty_price_html', 'custom_call_for_price');

function custom_call_for_price() {
return '무료';
}
// Source: https://gist.github.com/mikejolley/1597957

테마에 따라 제대로 작동하지 않을 수도 있습니다.

참고:

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

Related Posts

댓글 남기기