Wie ersetze ich die variable Preisspanne durch einen ausgewählten Variationspreis in WooCommerce 3?-PHP-Tutorial-php.cn

Wie ersetze ich die variable Preisspanne durch einen ausgewählten Variationspreis in WooCommerce 3?

DDD

Freigeben： 2024-11-11 15:17:03

Original

830 Leute haben es durchsucht

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

Ersetzen Sie die variable Preisspanne durch den gewählten Variationspreis in WooCommerce 3

Szenario: In WooCommerce wird auf der variablen Produktseite normalerweise ein Preis angezeigt Bereich basierend auf der gewählten Variante. Dieses Verhalten kann für einige Benutzer unerwünscht sein, die einen einzelnen Standardpreis bevorzugen, der sich dynamisch basierend auf den ausgewählten Variationen anpasst.

Herausforderung: Das Ziel besteht darin, die variable Preisspanne zu entfernen und zu ersetzen mit dem niedrigsten verfügbaren Preis, der aktualisiert wird, wenn die Variante ausgewählt wird. Dies gilt sowohl für die Produktseite als auch für die Shop-Seite.

Lösung:

Schritt 1: Preisspanne entfernen

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );

Nach dem Login kopieren

Schritt 2 : Geben Sie den Variationspreis ein

add_action( 'woocommerce_single_product_summary', 'replace_variation_single_price', 10 );

Nach dem Login kopieren

Schritt 3: Variationspreis abrufen und anzeigen

function replace_variation_single_price(){
    global $product;

    // Get prices
    $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 &amp;&amp; $product->is_on_sale() ) {
        $price = '<del>' . $saleprice . $product->get_price_suffix() . '</del> <ins>' . $price . $product->get_price_suffix() . '</ins>';
    }

    echo '<p class=&quot;price&quot;>'.$price.'</p>';
}

Nach dem Login kopieren

Schritt 4: CSS und JavaScript für dynamische Updates

// CSS
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;
}

// JavaScript
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');
        }
    });
});

Nach dem Login kopieren

Abgeschlossen Code:

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;

    // Get prices
    $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 &amp;&amp; $product->is_on_sale() ) {
        $price = '<del>' . $saleprice . $product->get_price_suffix() . '</del> <ins>' . $price . $product->get_price_suffix() . '</ins>';
    }

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

    // CSS
    echo '<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>';

    // JavaScript
    echo '<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>';
}

Nach dem Login kopieren

Dieser verbesserte Code verhindert Probleme in Themes, die ihre eigene Preis- oder HTML-Struktur haben. Es funktioniert auch für nicht variable Produkte in verschiedenen Themen.

Das obige ist der detaillierte Inhalt vonWie ersetze ich die variable Preisspanne durch einen ausgewählten Variationspreis in WooCommerce 3?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!