Mise à jour de la quantité produit en fonction d'un champ perso

Bonjour,
Je suis en train de configurer un shop pour des réservations de camps pour enfants.

L'admin du site veut avoir les infos des enfants (nom, prénom, date de naissance et remarques) lors de l'achat.
Je peux facilement créer des champs persos sur le produit, avec par ex un sélecteur pour ne nb d'enfants. Si il choisit 3, alors les champs perso pour 3 enfants s'affichent (j'affiche les champs en fonction du choix du nombre d'enfants).

Mais pour que le client ne se mélange pas les pinceaux entre le nombre d'inscrit et le nombre de produits à acheter (donc le nombre de place de camps qui doit correspondre au nombre d'enfants qu'il inscrit), j'aimerais pouvoir mettre à jour le champ de quantité produit en fonction du nombre d'enfants inscrits. Est-ce possible ? Si oui, il faut que cela soit le cas pour cette catégorie (les camps), mais pas en général sur le shop, le client pouvant vendre des produits standards également.

Actuellement, sur son shop existant (woo...) il prend ces infos sur le passage de commande, mais ce n'est pas top à mon sens. Donc si je peux faire mieux.

Bonjour,
Oui, cela me paraît bien. Je vais prendre ce plugin.
Mais je ne comprend pas ou mettre "none" pour la quantité par contre.

J'ai un autre petit soucis avec les champs.
En fait, comment faire avec la liste simple pour qu'en backend, si je prend 2 ou 3, les champs qui sont affectés à "enfant 1" s'affichent aussi ? Car je ne peux pas faire de sélection multiple dans le backend pour affecter mes champs...

A et 3ème point (désolé) j'espère que ça agit toujours sur le stock avec cette formule ?¨

EDIT : j'ai trouvé pour le champs quantité. Reste mes 2 autres points.

OK, pour les cases à cocher, ça ne fonctionne pas.
Si je change temporairement et que je coche 1-2-3, il faut alors que les 3 cases soient cochées pour afficher mon champs.
Donc en passant à nouveau sur liste simple, en cochant la case 1, le champ de n'affiche pas...

Concernant le script à mettre, j'imagine que vous parlez de le mettre dans la vue dans la config ?

OK. Bon... ça se complique donc.

L'autre solution que je vois, si je veux vraiment utiliser les champs sur le produit, c'est de créer des champs par groupe de choix :
Si nb enfant = 1 => champs nom/prénom 1 / Date de naissance 1 / Allergies 1 (donc 1x les champs)
Si nb enfant = 2 => champs nom/prénom 2+3 / Date de naissance 2+3 / Allergies 2+3 (donc je refais 2x les champs)
Si nb enfant = 3 => champs nom/prénom 4+5+6 / Date de naissance 4+5+6 / Allergies 4+5+6 (donc je refais 3x les champs).
Je dois donc créer 18 champs.

Cela me fait faire plus de champs, mais ça devrait pouvoir fonctionner ? Couplé avec le code pour le calcul pour le stock, cela ferais une solution qui n'est pas plus tirée par les cheveux que la dernière...

Ou alors je réuni les infos dans un seul champ au lieu de 3, ce qui me fais faire moins de champs.

Bonjour,
J'ai ajouté tous mes champs. J'ai mis le code javascript comme indiqué, mais cela ne fonctionne pas. J'imagine que je devrais voir le champ quantité se mettre à jours tout seul lorsque je change le nb d'inscrit ?

J'ai utilise Chat GPT pour m'aider dans l'integration du code dans la page, il m'a dit qu'il y avait une erreur avec addEventListerner au lieu de addEventListener (est-ce bien le cas ?).

Voici mon code (en bas de page) :

<?php
/**
 * @package	HikaShop for Joomla!
 * @version	4.7.5
 * @author	hikashop.com
 * @copyright	(C) 2010-2023 HIKARI SOFTWARE. All rights reserved.
 * @license	GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
 */
defined('_JEXEC') or die('Restricted access');
?><div id="hikashop_product_custom_item_info" class="hikashop_product_custom_item_info">
	<table class="hikashop_product_custom_item_info_table">
<?php
$after = array();
foreach ($this->itemFields as $fieldName => $oneExtraField) {
	if(empty($this->element->$fieldName))
		$this->element->$fieldName = $oneExtraField->field_default;
	$itemData = hikaInput::get()->getString('item_data_' . $fieldName, $this->element->$fieldName);
	$onWhat='onchange';
	if($oneExtraField->field_type=='radio')
		$onWhat='onclick';
	$oneExtraField->product_id = $this->element->product_id;
	$html = $this->fieldsClass->display(
		$oneExtraField,
		$itemData,
		'data[item]['.$oneExtraField->field_namekey.']',
		false,
		' class="'.HK_FORM_CONTROL_CLASS.'" '.$onWhat.'="window.hikashop.toggleField(this.value,\''.$fieldName.'\',\'item\',0);"',
		false,
		$this->itemFields
	);
	if($oneExtraField->field_type == 'hidden') {
		$after[] = $html;
		continue;
	}
?>
		<tr id="hikashop_item_<?php echo $oneExtraField->field_namekey; ?>" class="hikashop_item_<?php echo $oneExtraField->field_namekey;?>_line">
			<td class="key">
				<span id="hikashop_product_custom_item_name_<?php echo $oneExtraField->field_id;?>" class="hikashop_product_custom_item_name"><?php
					echo $this->fieldsClass->getFieldName($oneExtraField);
				?></span>
			</td>
			<td>
				<span id="hikashop_product_custom_item_value_<?php echo $oneExtraField->field_id;?>" class="hikashop_product_custom_item_value"><?php
					echo $html;
				?></span>
			</td>
		</tr>
<?php
}
?>
	</table>
<?php
if(count($after)) {
	echo implode("\r\n", $after);
}
?>
</div>
<!-- JavaScript code starts here -->
<script>
var dropdown = document.getElementById('18');
if(dropdown) {
 dropdown.addEventListener('change', function() {
  document.getElementById('hikashop_product_quantity_field_1').value = dropdown.value;
 });
}
</script>
<!-- JavaScript code ends here -->

Re,
Nos réponses se sont croisées...
Votre proposition est pas mal aussi. Mais j'aimerais pouvoir proposer les 2 au clients.

Donc, il faudrait tout de même que je puisse faire fonctionner le code pour le stock.

Et pour la solution 2, est-ce que l'on peut vider les champs une fois le "ajouter au panier" cliqué ?

OK, ça marche avec le sélecteur maintenant.
Mais je vois que le champs de quantité doit être publié. Si je le cache, le stock utilisé est de 1.
Si le champs quantité est publié, il est modifié et donc ça fonctionne.

C'est bien ce qui est attendu ou j'ai raté un truc ?

EDIT : en fait j'avais pas compris, avec cette technique, je ne peux pas utiliser le plugin de calcul, c'est bien ça ?
EDIT 2 : Je vais utiliser la seconde idée, avec juste les 3 champs. Le client ajoutera les enfants par "ajout au panier". Vu avec mon client et effectivement sera plus simple.

[Moderator: S'il vous plaît, n'éditez pas vos messages longtemps après le post initial, cela risque de désorganiser notre service de ticket et d'entraîner des délais de réponse plus importants pour tout le monde, vous y compris.
Merci de votre compréhension.]

OK, c'est tout bon.
Merci pour les infos et les liens, j'ai réussi à faire fonctionner le fait de vider les champs au clic d'ajout au panier.
Je partage ici le code ajouté juste avant la fermeture de la div de la vue show_block_custom_item :

<script>
document.addEventListener('DOMContentLoaded', function() {
  var button = document.getElementById('hikashop_product_quantity_field_1_add_to_cart_button');
  if (button) {
    button.addEventListener('click', function() {
      
      var nomPrenomField = document.getElementById('nom_prenom');
      var dateNaissanceField = document.getElementById('date_naissance_input');
      var infosField = document.getElementById('infos');
      
      if (nomPrenomField) {
        nomPrenomField.value = '';
      }
      
      if (dateNaissanceField) {
        dateNaissanceField.value = '';
      }

      if (infosField) {
        infosField.value = '';
      }
      
    });
  }
});
</script>

OK merci pour ces réponses.
Comme expliqué plus haut, je suis finalement parti pour votre dernière proposition, avec un seul groupe de champs. Cela sera bien plus simple à gérer.

Bonjour,
Je reviens sur ce post, car je constate un problème avec le script pour vider les champs.
Il fonctionne correctement si je ne change rien aux sélections possibles, par contre, si je choisi une autre date ou un autre âge, lorsque je valide, les champs ne se vident pas. Est-ce que cela utilise une autre vue lors du choix d'un paramètres ?

<script>
document.addEventListener('DOMContentLoaded', function() {
  var button = document.getElementById('hikashop_product_quantity_field_1_add_to_cart_button');
  if (button) {
    button.addEventListener('click', function() {
      
      var nomPrenomField = document.getElementById('nom_prenom');
      var dateNaissanceField = document.getElementById('date_naissance');
      var infosField = document.getElementById('infos');
      
      if (nomPrenomField) {
        nomPrenomField.value = '';
      }
      
      if (dateNaissanceField) {
        dateNaissanceField.value = '';
      }

      if (infosField) {
        infosField.value = '';
      }
      
    });
  }
});
</script>

OK, le site est verrouillé, mais je l'active le temps que vous y jetiez un oeil.
Si besoin de plus, je vous enverrais un accès.

kids-trip.test-dev.ch/product/camp-automne