WooCommerce 가변 제품 페이지에서 가격 범위 대신 선택한 변형 가격을 표시하는 방법은 무엇입니까?

WooCommerce 3에서 가변 가격 범위를 선택한 변형 가격으로 교체

WooCommerce에서 가변 제품 페이지에 가격 범위가 표시됩니다. 단일 가격 대신. 이는 일부 제품에는 유용할 수 있지만 다른 경우에는 바람직하지 않을 수 있습니다. 이 기사에서는 가격 범위를 선택한 변형 가격으로 대체하여 사용 가능한 최저 가격만 표시되도록 하는 솔루션을 제공합니다.

이를 달성하기 위해 사용자 정의 PHP 함수와 jQuery 스크립트를 사용합니다. PHP 함수는 기본 가격 범위를 제거하고 자리 표시자 가격으로 대체합니다. 그런 다음 jQuery 스크립트는 변형이 선택되면 선택한 변형 가격으로 자리 표시자 가격을 업데이트합니다.

이를 처리할 코드는 다음과 같습니다.

add_action( 'woocommerce_before_single_product', 'move_variations_single_price', 1 );
function move_variations_single_price(){
    global $product, $post;

    if ( $product->is_type( 'variable' ) ) {
        // removing the variations price for variable products
        remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );

        // Change location and inserting back the variations price
        add_action( 'woocommerce_single_product_summary', 'replace_variation_single_price', 10 );
    }
}

function replace_variation_single_price(){
    global $product;

    // Main Price
    $prices = array( $product->get_variation_price( 'min', true ), $product->get_variation_price( 'max', true ) );
    $price = $prices[0] !== $prices[1] ? sprintf( __( 'From: %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( __( 'From: %1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );

    if ( $price !== $saleprice && $product->is_on_sale() ) {
        $price = '<del>' . $saleprice . $product->get_price_suffix() . '</del> <ins>' . $price . $product->get_price_suffix() . '</ins>';
    }

    ?>
    <style>
        div.woocommerce-variation-price,
        div.woocommerce-variation-availability,
        div.hidden-variable-price {
            height: 0px !important;
            overflow:hidden;
            position:relative;
            line-height: 0px !important;
            font-size: 0% !important;
        }
    </style>
    <script>
    jQuery(document).ready(function($) {
        $('select').blur( function(){
            if( '' != $('input.variation_id').val() ){
                if($('p.availability'))
                    $('p.availability').remove();
                $('p.price').html($('div.woocommerce-variation-price > span.price').html()).append('<p class=&quot;availability&quot;>'+$('div.woocommerce-variation-availability').html()+'</p>');
                console.log($('input.variation_id').val());
            } else {
                $('p.price').html($('div.hidden-variable-price').html());
                if($('p.availability'))
                    $('p.availability').remove();
                console.log('NULL');
            }
        });
    });
    </script>
    <?php

    echo '<p class=&quot;price&quot;>'.$price.'</p>
    <div class=&quot;hidden-variable-price&quot; >'.$price.'</div>';
}

코드는 다음 위치에 배치할 수 있습니다. 하위 테마 또는 테마의 function.php 파일에 있는 모든 PHP 파일. 테마를 업데이트할 때 맞춤 설정이 손실되지 않도록 하위 테마를 사용하는 것이 좋습니다.

코드가 추가되면 가변 제품 페이지에 가격대 대신 사용 가능한 최저 가격이 표시됩니다. 변형을 선택하면 선택한 변형의 가격을 반영하여 가격이 업데이트됩니다.

이 솔루션은 WooCommerce 3 이상과 호환됩니다. 변동 가격대를 선택한 변형 가격으로 대체하여 고객이 선택한 변형 제품에 대한 명확하고 정확한 가격을 확인할 수 있습니다.

위 내용은 WooCommerce 가변 제품 페이지에서 가격 범위 대신 선택한 변형 가격을 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!