在WooCommerce 3中用所选择的变化价格替换可变价格范围

2 回答

• 13

  以下主题中的新改进更新（2018年6月）：在Woocommerce 3中替换价格范围处理默认变化显示价格

  ---

  Update (December 2017): 避免，某些主题中关于非变量产品的问题以及某些主题中的重复可用性错误

  注意：像德国市场或某些主题这样的插件不适用于此代码，因为它们在钩子或html结构中进行自己的更改 .

  这是完全可能的 .

  • 首先，我们删除不需要的价格 .

  • 我们在没有价格范围的情况下输出可变价格并显示最低价格 .

  • 我们在隐藏容器中复制此变量价格（由我们的jQuery脚本使用/读取）

  • 然后我们隐藏所选变化价格（和库存可用性）的容器

  • 在我们的 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="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>';
  }
  

  代码进入您的活动子主题（或主题）的任何php文件或任何插件php文件 .

  此代码经过测试并适用于WooCommerce 3.2.x（也适用于WooCommerce 2.6.x）

  您可以选择将CSS（<style> </ style>）移动到活动子主题（或活动主题）的styles.css文件中，然后将其从此函数中删除...

  ---

  有关：

  • Move the variation price location in WooCommerce

  回复于 2024-04-29T02:29:21+08:00
• 1

  我知道我在这里复活了一个旧线程，但是我在使用这段代码时发现的一点是，您需要注意使用此代码，因此您可能会停止在某些主题上显示单个非变量价格：

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

  在所有产品页面上触发，无论它是否为可变产品 .

  您可以使用以下版本，它只是在运行其余代码之前检查当前产品是否可变 .

  add_action( 'woocommerce_before_single_product', 'check_if_variable_first' );
  function check_if_variable_first(){
      if ( is_product() ) {
          global $post;
          $product = wc_get_product( $post->ID );
          if ( $product->is_type( 'variable' ) ) {
              // removing the price of variable products
  remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
  
  // Change location of
  add_action( 'woocommerce_single_product_summary', 'custom_wc_template_single_price', 10 );
  function custom_wc_template_single_price(){
      global $product;
  
  // Variable product only
  if($product->is_type('variable')):
  
      // 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() ){
                  $('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>';
  
  endif;
  }
  
          }
      }
  }
  

  回复于 2024-04-29T02:29:21+08:00