![](/img/trans.png)
[英]Replace the Variable Price range by the chosen variation price in WooCommerce 3
[英]Replace the Variable Price range by the chosen variation price in WooCommerce 4+
在我們的 woocommerce 網站上,我試圖根據客戶從下拉菜單中選擇的變化來更新顯示的價格,如下所示:
我使用了 LoictheAztec 在另一個答案中提交的 php 函數:
用 WooCommerce 3 中選擇的變動價格替換可變價格范圍
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="availability">'+$('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="price">'.$price.'</p>
<div class="hidden-variable-price" >'.$price.'</div>';
}
However when a variation is selected it displays undefined underneath the From: $price as shown here:
未定義錯誤示例:
因此,如果有人可以幫助我確定此錯誤的原因,以便現在根據已選擇的變化顯示和更新價格,我們將不勝感激。
2021 年 3 月更新(至少適用於 WooCommerce 3.7 至 5+)
編碼:
add_action('woocommerce_before_add_to_cart_form', 'selected_variation_price_replace_variable_price_range');
function selected_variation_price_replace_variable_price_range(){
global $product;
if( $product->is_type('variable') ):
?><style> .woocommerce-variation-price {display:none;} </style>
<script>
jQuery(function($) {
var p = 'p.price'
q = $(p).html();
$('form.cart').on('show_variation', function( event, data ) {
if ( data.price_html ) {
$(p).html(data.price_html);
}
}).on('hide_variation', function( event ) {
$(p).html(q);
});
});
</script>
<?php
endif;
}
代碼位於活動子主題(或活動主題)的 functions.php 文件中。 測試和工作。
要使其與 Woocommerce 3.8 一起使用,您需要替換以下行:
$('select').blur( function(){
到
$('input.variation_id').change( function(){
更新代碼:
// Utility function to get the default variation (if it exist) function get_default_variation( $product ){ $attributes_count = count($product->get_variation_attributes()); $default_attributes = $product->get_default_attributes(); // If no default variation exist we exit if( $attributes_count != count($default_attributes) ) return false; // Loop through available variations foreach( $product->get_available_variations() as $variation ){ $found = true; // Loop through variation attributes foreach( $variation['attributes'] as $key => $value ){ $taxonomy = str_replace( 'attribute_', '', $key ); // Searching for a matching variation as default if( isset($default_attributes[$taxonomy]) && $default_attributes[$taxonomy] != $value ){ $found = false; break; } } // If we get the default variation if( $found ) { $default_variaton = $variation; break; } // If not we continue else { continue; } } return isset($default_variaton) ? $default_variaton : false; } 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 ) ); $active_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 ); $regular_price = $prices[0] !== $prices[1] ? sprintf( __( 'From: %1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] ); if ( $active_price !== $regular_price && $product->is_on_sale() ) { $price = '<del>' . $regular_price . $product->get_price_suffix() . '</del> <ins>' . $active_price . $product->get_price_suffix() . '</ins>'; } else { $price = $regular_price; } // When a default variation is set for the variable product if( get_default_variation( $product ) ) { $default_variaton = get_default_variation( $product ); if( ! empty($default_variaton['price_html']) ){ $price_html = $default_variaton['price_html']; } else { if ( ! $product->is_on_sale() ) $price_html = $price = wc_price($default_variaton['display_price']); else $price_html = $price; } $availiability = $default_variaton['availability_html']; } else { $price_html = $price; $availiability = ''; } // Styles ?> <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> <?php // Jquery ?> <script> jQuery(document).ready(function($) { var a = 'div.wc-availability', p = 'p.price'; $('input.variation_id').change( function(){ if( '' != $('input.variation_id').val() ){ if($(a).html() != '' ) $(a).html(''); $(p).html($('div.woocommerce-variation-price > span.price').html()); $(a).html($('div.woocommerce-variation-availability').html()); } else { if($(a).html() != '' ) $(a).html(''); $(p).html($('div.hidden-variable-price').html()); } }); }); </script> <?php echo '<p class="price">'.$price_html.'</p> <div class="wc-availability">'.$availiability.'</div> <div class="hidden-variable-price" >'.$price.'</div>'; }
希望能幫助到你!
該代碼不再起作用,我如何更改將對WooCommerce 3.8起作用的代碼,期待您的答復。 謝謝
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.