Vendu par quantité

onchange="window.hikashop.checkQuantity(this);"

onchange="if(this.value % 3 != 0) { this.value = this.value - (this.value % 3); } window.hikashop.checkQuantity(this);"

// QUANTITY FIELD MIN PER ORDER $(document).ready(function () { // Fonction pour valider et corriger les quantités const validateAndCorrectQuantities = () => { $("input[data-hk-qty-min]").each(function () { const $input = $(this); // Champ actuel const minStep = parseFloat($input.data("hk-qty-min")); // Récupérer le step (data-hk-qty-min) let value = parseFloat($input.val()) || 0; // Quantité saisie // Supprimer tout ancien message d'infobulle $input.next(".quantity-tooltip").remove(); if (value % minStep !== 0) { // Calcul de la quantité valide (arrondie à la valeur supérieure) const correctedValue = Math.ceil(value / minStep) * minStep; // Mettre à jour l'input avec la valeur corrigée $input.val(correctedValue); // Ajouter une infobulle à côté de l'input const message = ` <div class="quantity-tooltip" style=" position: absolute; background: #fff3f3; color: red; border: 1px solid red; border-radius: 5px; padding: 5px 10px; font-size: 0.9em; z-index: 1000; white-space: nowrap; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); cursor: pointer; "> ${value} n'est pas une quantité autorisée. Ce produit est vendu par ${minStep}. La quantité a été arrondie à ${correctedValue}. </div> `; $input.after(message); // Positionner la tooltip au bon endroit const inputPosition = $input.position(); const inputHeight = $input.outerHeight(); $input.next(".quantity-tooltip").css({ top: inputPosition.top + inputHeight + 5 + "px", left: inputPosition.left + "px", }); } }); }; // Événement : Validation et correction lors de la saisie $("input[data-hk-qty-min]").on("blur", function () { validateAndCorrectQuantities(); }); // Événement : Validation et correction lors de clics sur les boutons (+/-) $("button").on("click", function () { // Vérifie si le clic modifie la quantité if ($(this).hasClass("increment") || $(this).hasClass("decrement")) { validateAndCorrectQuantities(); } }); // Événement : Supprimer l'infobulle au clic sur celle-ci $(document).on("click", ".quantity-tooltip", function () { $(this).remove(); }); });

<div class="hikashop_product_quantity_change_div_plus_regrouped"> <a class="hikashop_product_quantity_field_change_plus hikashop_product_quantity_field_change <?php echo $css_button; ?>" href="#" data-hk-qty-mod="1" onclick="return window.hikashop.updateQuantity(this, '<?php echo $id; ?>');">+</a> </div> <div class="hikashop_product_quantity_change_div_minus_regrouped"> <a class="hikashop_product_quantity_field_change_minus hikashop_product_quantity_field_change <?php echo $css_button; ?>" href="#" data-hk-qty-mod="-1" onclick="return window.hikashop.updateQuantity(this, '<?php echo $id; ?>');">&ndash;</a> </div>

<div class="hikashop_product_quantity_change_div_plus_regrouped"> <a class="hikashop_product_quantity_field_change_plus hikashop_product_quantity_field_change <?php echo $css_button; ?>" href="#" data-hk-qty-mod="<?php echo $min_quantity; ?>" onclick="return window.hikashop.updateQuantity(this, '<?php echo $id; ?>');">+</a> </div> <div class="hikashop_product_quantity_change_div_minus_regrouped"> <a class="hikashop_product_quantity_field_change_minus hikashop_product_quantity_field_change <?php echo $css_button; ?>" href="#" data-hk-qty-mod="-<?php echo $min_quantity; ?>" onclick="return window.hikashop.updateQuantity(this, '<?php echo $id; ?>');">&ndash;</a> </div>

// QUANTITY FIELD MIN PER ORDER $(document).ready(function () { // Fonction pour valider et corriger les quantités const validateAndCorrectQuantities = ($input, isCheckout) => { const minStep = parseFloat($input.data("hk-qty-min")); // Step minimal const maxStep = parseFloat($input.data("hk-qty-max")) || Infinity; // Step maximal (si défini) let value = parseFloat($input.val()) || 0; // Quantité saisie // Supprimer tout ancien message d'infobulle $input.next(".quantity-tooltip").remove(); // Vérification des conditions de validité let isValid = true; if (value % minStep !== 0) { isValid = false; // Corriger la quantité à la valeur supérieure value = Math.ceil(value / minStep) * minStep; } if (value > maxStep) { isValid = false; value = maxStep; // Limiter à la valeur maximale } // Appliquer la correction si nécessaire if (!isValid) { // Mettre à jour l'input avec la valeur corrigée $input.val(value); // Ajouter une infobulle pour informer l'utilisateur const message = ` <div class="quantity-tooltip"> Quantité arrondié à la valeur suppérieure autoriée.<br>Ce produit est vendu par ${minStep}. </div> `; $input.after(message); // Positionner l'infobulle au bon endroit const inputOffset = $input.offset(); const inputHeight = $input.outerHeight(); $input.next(".quantity-tooltip").css({ top: inputOffset.top + inputHeight + 10 + "px", left: inputOffset.left - 10 + "px", position: "absolute", }); } return isValid; }; // Intercepter et gérer l'événement onchange $("input[data-hk-qty-min]").each(function () { const $input = $(this); // Sauvegarder l'ancien gestionnaire d'événements onchange const originalOnChange = $input.attr("onchange"); $input.data("originalOnChange", originalOnChange); // Identifier si on est sur la page panier ou produit const isCheckout = originalOnChange && originalOnChange.includes("checkout"); $input.data("isCheckout", isCheckout); // Supprimer l'attribut onchange $input.removeAttr("onchange"); }); // Délégation d'événements pour l'événement change $(document).on("change", "input[data-hk-qty-min]", function (event) { event.preventDefault(); // Empêcher l'exécution immédiate const $input = $(this); // Récupérer les données stockées const originalOnChange = $input.data("originalOnChange"); const isCheckout = $input.data("isCheckout"); // Valider et corriger la quantité const isValid = validateAndCorrectQuantities($input, isCheckout); if (isValid) { // Quantité valide : exécuter le script onchange original if (originalOnChange) { eval(originalOnChange); } } else if (isCheckout) { // Quantité corrigée sur la page panier : mettre à jour avec la nouvelle valeur if ( window.hikashop && typeof window.hikashop.checkQuantity === "function" ) { window.hikashop.checkQuantity($input[0]); // Appeler directement la fonction } if (window.checkout && typeof window.checkout.submitCart === "function") { window.checkout.submitCart(1, 0); // Mettre à jour le panier après correction } } else { // Quantité corrigée sur la page produit : ne pas valider console.log( "Quantité corrigée sur la page produit. Pas de mise au panier automatique." ); } }); // Délégation d'événements pour l'événement blur $(document).on("blur", "input[data-hk-qty-min]", function () { const $input = $(this); const isCheckout = $input.data("isCheckout"); validateAndCorrectQuantities($input, isCheckout); }); // Délégation d'événements pour l'appui sur la touche Entrée $(document).on("keypress", "input[data-hk-qty-min]", function (event) { if (event.which === 13) { // 13 correspond à la touche Entrée event.preventDefault(); // Empêche l'action par défaut (soumission de formulaire) const $input = $(this); const isCheckout = $input.data("isCheckout"); validateAndCorrectQuantities($input, isCheckout); } }); // Événement : Supprimer l'infobulle au clic sur celle-ci $(document).on("click", ".quantity-tooltip", function () { $(this).remove(); }); });