我試圖爲我的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>';
}
?>
的下拉列表顯示和可選,但是如果讓我選擇一個不同的數量,然後點擊「更新購物車」,數量保持不變。它沒有改變。我怎樣才能做到這一點?
謝謝!
是的,它的工作!謝謝一堆。我也提出了一個解決方案,我會添加它作爲一個額外的答案,以防萬一需要它。 – Dot123