数量をドロップダウンリストとしてカートに入れるページ

Question

私はWooCommerceストアに2種類の数量入力を実装しようとしています。カートページでは、プラスとマイナスのボタンを使用して値を変更しています。コードは次のとおりです。

<?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>'; 
    } 
    ?> 

と選択可能であるが、私は別の数量を選択し、「更新カート」をクリックした場合、数量は同じまま：私は、カートのページにこのコードを使用してみました。それは変化していない。これどうやってするの？

ありがとうございました！

Answer 1

quantity-input.phpテンプレートには、ボタンを使用する場所と選択肢を使用する場所を区別するために、is_cart()条件を追加しました。いくつかのものをクリーンアップし、それは私のためにうまくいくようです。確かに、私は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 
} 

Answer 2

私は自分自身で解決策を思いついた。私は数量ドロップダウンを表示したい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> 

これは完全に機能しています。私は今、単一の製品ページにプラス/マイナスボタンで数量を入力し、カートページではドロップダウンを選択できます。