Want optional product to be displayed in a different way.

-- HikaShop version -- : 5.1.0
-- Joomla version -- : 5.1.4
-- PHP version -- : 8.1.x

Hello,

Got a little question.
We have an optional product added to product test. But we now get a select box to select add this with it or not.. but we like to have the quantity field, so customers can select more than one of this extra optional product. How can i accomplish that?

Hi Nicolas,

The quantity field is super, i think i can manage to add the + and - easily to that, but what more important is, is how to change the select dropdown into a checkbox, when box is checked it will have the yes function as it already does. i can change it in a checkbox but not in the right way, because the shown optionprice will not calculate anymore..

Hope you understand,

super great thanks..
A little question for the quantity field. Ik have a + and - build next to it. i can increase and decrease the optional product. But i can not get it to give an announcement when maximum total items for the order.

<?php
		if($this->show_option_quantity === true || (int)$this->show_option_quantity <= 1) {
?>
			<div class="quantity-control">
    <button type="button" class="quantity-decrease" onclick="changeQuantity(-1, 'hikashop_product_option_qty_<?php echo $i; ?>')">-</button>
    <button type="button" class="quantity-increase" onclick="changeQuantity(1, 'hikashop_product_option_qty_<?php echo $i; ?>')">+</button>
</div>
<input type="text" class="hikashop_product_quantity_field" id="hikashop_product_option_qty_<?php echo $i; ?>" name="hikashop_product_option_qty[<?php echo $i; ?>]" onchange="hikaProductOptions.change();" value="1" />
<script>
    // Function to handle the increase or decrease in quantity with a max limit
    function changeQuantity(change, inputId, maxQuantity) {
        var inputField = document.getElementById(inputId);
        var currentValue = parseInt(inputField.value);

        // Ensure the current value is a number and adjust the quantity
        if (!isNaN(currentValue)) {
            var newValue = currentValue + change;
            
            // Prevent the value from going below 1
            if (newValue < 1) {
                newValue = 1;
            }

            // To Check if the new value exceeds the maximum allowed quantity
            if (newValue > maxQuantity) {
                alert('You cannot purchase more than ' + maxQuantity + ' units of this product.');
                newValue = maxQuantity; // Set the value to the max limit if exceeded
            }

            inputField.value = newValue;
            hikaProductOptions.change(); // Call the existing function to update the options/prices
        }
    }
</script>

Hi Nicolas,

Tried serveral option to get the MaxQuantity from the option product, but no call to it is working on this quantity field, can you point out a direction?

Thanks

Hi Nicolas,

Thanks for your answer, with this i get the announcement "You cannot purchase more than -1 units of this product." for the + and the - ,
I see that you call the stock of the product, i need to set it to the max per order, e.g. in the product i put in as option, this product has a maximum of 3 to order per order.

I got it.. Yeah.. super thanks !! I am very happy with hikashop and support.
You Rock Nicolas!

Hi Nicolas,

I had to set the max and min order instead of the main quantity, but when i increase the quantity to 3 i get neatly the warning, but when i want to decrease this quantity with 1 i get the warning of the minimal order and the total isn't decreased anymore, do you have a suggestion why this can be?

<div class="quantity-control">
<button type="button" class="quantity-decrease" onclick="changeQuantity(-1, 'hikashop_product_option_qty_<?php echo $i; ?>', <?php echo $optionInfo->product_min_per_order; ?>)">-</button>
<button type="button" class="quantity-increase" onclick="changeQuantity(1, 'hikashop_product_option_qty_<?php echo $i; ?>', <?php echo $optionInfo->product_max_per_order; ?>)">+</button>
</div>
<input type="text" class="hikashop_product_quantity_field" id="hikashop_product_option_qty_<?php echo $i; ?>" name="hikashop_product_option_qty[<?php echo $i; ?>]" onchange="hikaProductOptions.change();" value="1" />

Hi Nicolas,
I just see your message thanks..
I managed to set the alert.. but differently as you suggested.
After a little headache struggle i saw i set the newvalue=1 i tackled that one in my script.
[code
]if (newValue < minQuantity) {
alert('You cannot purchase less than ' + minQuantity + ' units of this product.');
newValue = minQuantity; // Set to min limit if below
}
// Check if the new value exceeds the maximum allowed quantity
else if (newValue > maxQuantity) {
alert('You cannot purchase more than ' + maxQuantity + ' units of this product.');
newValue = maxQuantity; // Set to max limit if exceeded
}[/code]
It now works like i want, super thanks again..