Vendu par quantité

// 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();
	});
});