Variable Price range

[워드프레스] 우커머스 옵션 상품 페이지에 하나의 가격만 표시하는 방법

우커머스에서 옵션 상품을 구성하는 경우 상품 가격이 다음 그림과 같이 가격 범위(예: 900,000원~1,000,000원)로 표시됩니다.

Variable Price range

하지만 하나의 가격만 표시되도록 하고 싶은 경우가 있을 수 있습니다. 이런 경우 다음 코드를 사용하도록 합니다.

// WC 2.0 옵션 가격 포맷 사용. 할인가가 최소값으로 표시됨
add_filter( 'woocommerce_variable_sale_price_html', 'wc_wc20_variation_price_format', 10, 2 );
add_filter( 'woocommerce_variable_price_html', 'wc_wc20_variation_price_format', 10, 2 );
function wc_wc20_variation_price_format( $price, $product ) {
// Main Price
$prices = array( $product->get_variation_price( 'min', true ), $product->get_variation_price( 'max', true ) );
$price = $prices[0] !== $prices[1] ? sprintf( __( '할인가: %1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );
// Sale Price
$prices = array( $product->get_variation_regular_price( 'min', true ), $product->get_variation_regular_price( 'max', true ) );
sort( $prices );
$saleprice = $prices[0] !== $prices[1] ? sprintf( __( '할인가: %1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );

if ( $price !== $saleprice ) {
$price = '<del>' . $saleprice . '</del> <ins>' . $price . '</ins>';
}
return $price;
}
// Source: stackoverflow

위의 코드를 사용 중인 워드프레스 테마의 함수 파일(functions.php)에 추가하도록 합니다. 그러면 다음 그림과 같이 가격이 표시됩니다. (위의 코드를 테마 함수 파일에 추가하는 방법은 이 글을 참고하세요.)

Variable Price - only one

옵션 가격 범위를 완전히 없애려면 다음 코드를 사용할 수 있습니다.

add_filter( 'woocommerce_variable_sale_price_html', 'bbloomer_remove_variation_price', 10, 2 );
add_filter( 'woocommerce_variable_price_html', 'bbloomer_remove_variation_price', 10, 2 );

function bbloomer_remove_variation_price( $price ) {
$price = '';
return $price;
}
// Source: businessbloomer.com

그러면 모든 곳에서 옵션 상품 범위가 표시되지 않습니다.

최소 가격만 표시하려면 다음 코드를 사용자 함수 파일에 추가해보시기 바랍니다.

function custom_variation_price( $price, $product ) {
$price = '';
if ( ! $product->min_variation_price || $product->min_variation_price !== $product->max_variation_price ) {
$price .= woocommerce_price( $product->get_price() );
}
return $price;
}
add_filter( 'woocommerce_variable_price_html', 'custom_variation_price', 10, 2);
// Source: support.woothemes.com

최소 가격 또는 최대 가격만을 표시하는 방법은 이 글을 참고해보세요. (참고로 링크된 글의 코드를 사용해보니 잘 안 되는 경우도 있는 것 같습니다.)

옵션 상품을 구성하는 방법은 “우커머스 옵션 상품 설정하기” 글을 참고해보시기 바랍니다. 옵션 상품을 정교하게 구성하고자 하는 경우 WooCommerce Extra Product Options 플러그인을 사용할 수 있습니다(참고).



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.