首页 > 后端开发 > php教程 > 如何在 WooCommerce 3 中将可变价格范围替换为所选的变化价格?

如何在 WooCommerce 3 中将可变价格范围替换为所选的变化价格?

DDD
发布: 2024-11-15 00:56:02
原创
697 人浏览过

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>函数move_variations_single_price(){<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 );
}
登录后复制

}

函数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>
登录后复制

}

< ;h3>附加注意:

  • 此代码与 WooCommerce 版本 3.2.x 及更高版本兼容。
  • 建议选择将 CSS 移动到活动主题的样式表为了更好的可读性。
  • 代码不处理与修改 WooCommerce 的某些插件或主题的兼容性钩子。

以上是如何在 WooCommerce 3 中将可变价格范围替换为所选的变化价格?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板