2017-01-12 28 views
0

我試圖爲我的WooCommerce商店實現兩種不同的數量輸入。在購物車頁面上,我使用帶有加號和減號按鈕的字段來更改值。這裏的代碼:作爲購物車頁面下拉的數量輸入只有

<?php 
/** 
* Product quantity inputs 
* 
* This template can be overridden by copying it to yourtheme/woocommerce/global/quantity-input.php. 
* 
* HOWEVER, on occasion WooCommerce will need to update template files and you 
* (the theme developer) will need to copy the new files to your theme to 
* maintain compatibility. We try to do this as little as possible, but it does 
* happen. When this occurs the version of the template file will be bumped and 
* the readme will list any important changes. 
* 
* @see   https://docs.woocommerce.com/document/template-structure/ 
* @author  WooThemes 
* @package  WooCommerce/Templates 
* @version  2.5.0 
*/ 

if (! defined('ABSPATH')) { 
    exit; // Exit if accessed directly 
} 
?> 
<div class="quantity"> 
    <button class="qty-minus" type="button" value=""></button> 
    <input class="qty-input" type="number" step="<?php echo esc_attr($step); ?>" min="<?php echo esc_attr($min_value); ?>" max="<?php echo esc_attr($max_value); ?>" name="<?php echo esc_attr($input_name); ?>" value="<?php echo esc_attr($input_value); ?>" readonly title="<?php echo esc_attr_x('Qty', 'Product quantity input tooltip', 'woocommerce') ?>" class="input-text qty text" size="4" /> 
    <button class="qty-plus" type="button" value=""></button> 
</div> 

<script type="text/javascript"> 
    jQuery(document).ready(function($){ 
     $('.quantity').on('click', '.qty-plus', function(e) { 
      $input = $(this).prev('input.qty-input'); 
      var val = parseInt($input.val()); 
      $input.val(val+1).change(); 
     }); 

     $('.quantity').on('click', '.qty-minus', 
      function(e) { 
      $input = $(this).next('input.qty-input'); 
      var val = parseInt($input.val()); 
      if (val > 0) { 
       $input.val(val-1).change(); 
      } 
     }); 
    }); 
    </script> 

這是完美的工作。但是,購物車頁面上的數量字段也會繼承此格式。我希望它是一個可選的下拉列表。我嘗試使用購物車頁面上此代碼:

<?php 
     $defaults = array(
    'max_value' => apply_filters('woocommerce_quantity_input_max', '', $product), 
    'min_value' => apply_filters('woocommerce_quantity_input_min', '', $product), 
    'step'  => apply_filters('woocommerce_quantity_input_step', '1', $product), 
); 
if (! empty($defaults['min_value'])) 
    $min = $defaults['min_value']; 
else $min = 1; 
if (! empty($defaults['max_value'])) 
    $max = $defaults['max_value']; 
else $max = 10; 
if (! empty($defaults['step'])) 
    $step = $defaults['step']; 
else $step = 1; 
?> 
<div class="quantity_select"> 
    <select name="<?php echo esc_attr($input_name); ?>" title="<?php _ex('Qty', 'Product quantity input tooltip', 'woocommerce') ?>" class="qty"> 
    <?php 
    for ($count = $min; $count <= $max; $count = $count+$step) { 
     if ($count == $input_value) 
      $selected = ' selected'; 
     else $selected = ''; 
     echo '<option value="' . $count . '"' . $selected . '>' . $count . '</option>'; 
    } 
    ?> 

的下拉列表顯示和可選,但是如果讓我選擇一個不同的數量,然後點擊「更新購物車」,數量保持不變。它沒有改變。我怎樣才能做到這一點?

謝謝!

回答

1

我已將is_cart()條件添加到quantity-input.php模板,以區分使用按鈕的位置和使用選擇的位置。清理了一些其他的東西,它似乎爲我工作得很好。當然,我正在使用WC2.7-beta-1,所以我不知道這是否有效。

if(is_cart()){ 

    $min_value = $min_value ? $min_value : 0; 
    $max_value = $max_value ? $max_value : 10; 


    ?> 
    <div class="quantity quantity_select"> 
     <select name="<?php echo esc_attr($input_name); ?>" title="<?php _ex('Qty', 'Product quantity input tooltip', 'woocommerce') ?>" class="qty"> 
     <?php 
     for ($count = $min_value; $count <= $max_value; $count = $count+$step) { 
      echo '<option value="' . esc_attr($count) . '"' . selected($count, $input_value, false) . '>' . $count . '</option>'; 
     } 

} else { ?> 
    <div class="quantity"> 
     <button class="qty-minus" type="button" value="">-</button> 
     <input class="qty-input" type="number" step="<?php echo esc_attr($step); ?>" min="<?php echo esc_attr($min_value); ?>" max="<?php echo esc_attr($max_value); ?>" name="<?php echo esc_attr($input_name); ?>" value="<?php echo esc_attr($input_value); ?>" readonly title="<?php echo esc_attr_x('Qty', 'Product quantity input tooltip', 'woocommerce') ?>" class="input-text qty text" size="4" /> 
     <button class="qty-plus" type="button" value="">+</button> 
    </div> 

    <script type="text/javascript"> 
    jQuery(document).ready(function($){ 
     $('.quantity').on('click', '.qty-plus', function(e) { 
      $input = $(this).prev('input.qty-input'); 
      var val = parseInt($input.val()); 
      $input.val(val+1).change(); 
     }); 

     $('.quantity').on('click', '.qty-minus', 
      function(e) { 
      $input = $(this).next('input.qty-input'); 
      var val = parseInt($input.val()); 
      if (val > 0) { 
       $input.val(val-1).change(); 
      } 
     }); 
    }); 
    </script> 
<?php 
} 
+0

是的,它的工作!謝謝一堆。我也提出了一個解決方案,我會添加它作爲一個額外的答案,以防萬一需要它。 – Dot123

0

我自己想出了一個解決方案。我在cart.php模板中添加了以下內容,我想要顯示數量下拉列表:

<?php 
     if ($_product->is_sold_individually()) { 
      $product_quantity = sprintf('1 <input type="hidden" name="cart[%s][qty]" value="1" />', $cart_item_key); 
     } else { 
      global $product; 

$defaults = array(
'input_name' => "cart[{$cart_item_key}][qty]", 
'input_value' => $cart_item['quantity'], 
'max_value' => apply_filters('woocommerce_quantity_input_max', '', $product), 
'min_value' => apply_filters('woocommerce_quantity_input_min', '', $product), 
'step' => apply_filters('woocommerce_quantity_input_step', '1', $product), 
'style' => apply_filters('woocommerce_quantity_style', 'float:left; margin-right:10px;', $product) 
); 

if (!empty($defaults['min_value'])) 
$min = $defaults['min_value']; 
else $min = 1; 

if (!empty($defaults['max_value'])) 
$max = $defaults['max_value']; 
else $max = 20; 

if (!empty($defaults['step'])) 
$step = $defaults['step']; 
else $step = 1; 

$options = ''; 
for($count = $min;$count <= $max;$count = $count+$step){ 
if($count == $cart_item['quantity']) 
$selected="selected=selected"; 
else 
$selected=''; 
$options .= '<option value="' . $count . '" '.$selected.'>' . $count . '</option>'; 
} 

echo '<select name="' . esc_attr($defaults['input_name']) . '" title="' . _x('Qty', 'Product quantity input tooltip', 'woocommerce') . '" class="qty">' . $options . '</select>'; 

}?></div> 

它功能完善。我現在在我的單個產品頁面上有一個帶有加/減按鈕的數量輸入,並且在我的購物車頁面上有一個可選的下拉菜單。