ホームページ >バックエンド開発 >PHPチュートリアル >WooCommerce 3 で変動価格範囲を選択した変動価格に置き換える方法は?

WooCommerce 3 で変動価格範囲を選択した変動価格に置き換える方法は?

DDD
DDDオリジナル
2024-11-15 00:56:02697ブラウズ

How to Replace the Variable Price Range with the Chosen Variation Price in WooCommerce 3?

WooCommerce 3 で可変価格範囲を選択した変動価格に置き換える

問題:

WooCommerce の可変商品では、標準レイアウトでは商品タイトルの下に価格帯が表示されます。これは、選択したバリエーションの製品の正確な価格を知りたい顧客にとって混乱を招き、誤解を招く可能性があります。

解決策:

このコードは、価格帯を削除し、製品の最低価格のみを表示することで問題を解決します。さらに、選択したバリエーションに基づいて表示価格を更新します。

コード:


<br>add_action( 'woocommerce_before_single_product', 'move_variations_single_price', 1 );<br>function move_variations_single_price(){</p>
<pre class="brush:php;toolbar:false">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;

// Prices and calculations
$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] );

$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 &amp;&amp; $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>

}

追加メモ:

  • このコードは WooCommerce バージョン 3.2.x 以降と互換性があります。
  • 次のことをお勧めします。必要に応じて、読みやすくするために CSS をアクティブなテーマのスタイルシートに移動します。
  • このコードは、WooCommerce のフックを変更する特定のプラグインやテーマとの互換性を処理しません。

以上がWooCommerce 3 で変動価格範囲を選択した変動価格に置き換える方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。