webleads-tracker

(fiche produit) Ajout de champs supplémentaires

Tonio
Bonjour à tous,

J'ai une question à propos des ajouts de champs supplémentaires
est il possible de créer un champs supplémentaire nommé "Normes" dans lequel on puisse mettre 3 images puis avec un système de case à cocher on souhaite ou non faire apparaître les images et tout ça dans le même champs ?

Ps il y a sur le forum une discussion parlant de l'ajout de champs supplémentaires mais il s'agissait d'une seule image et de plus je n'ai pas vraiment compris la démarche à suivre.

Merci pour votre aide

Thomas Hesse
Bonjour,

Je présume que vous souhaitez mettre en place des pictos correspondant à des normes, chaque produit pouvant répondre à une ou plusieurs normes.

Votre proposition n'est pas directement faisable de la façon dont vous le décrivez. Voici une façon de procéder :

1/ Dans les champs supplémentaires, créer un champ sélection par picto (picto1, picto2 et picto3 pour l'exemple). Les choix pour chaque sélection sont "oui" et "non".
2/ Créer un ensemble de champs avec, entre autres, ces trois champs. Demander à e-majine de génerer le template correspondant à cet ensemble de champ.
3/ Dans le template, on obtient le code :

 
<!--Champs spécifiques :picto1-->
<mx:bloc id="picto1">
  <mx:text id="picto1" />
</mx:bloc id="picto1">
<!--Champs spécifiques :picto2-->
<mx:bloc id="picto2">
  <mx:text id="picto2" />
</mx:bloc id="picto2">
<!--Champs spécifiques :picto3-->
<mx:bloc id="picto3">
  <mx:text id="picto3" />
</mx:bloc id="picto3">
 


Il suffit d'utiliser les valeurs des mx text pour créer des classes CSS. Par exemple en créant des DIV, comme ceci :

 
<!--Champs spécifiques :picto1-->
<mx:bloc id="picto1">
  <div class="picto1<mx:text id="picto1" />"></div>
</mx:bloc id="picto1">
<!--Champs spécifiques :picto2-->
<mx:bloc id="picto2">
  <div class="picto2<mx:text id="picto2" />"></div>
</mx:bloc id="picto2">
<!--Champs spécifiques :picto3-->
<mx:bloc id="picto3">
  <div class="picto3<mx:text id="picto3" />"></div>
</mx:bloc id="picto3">


Et voilà !

Le principe est simple. Dans une fiche produit, pour chaque norme, l'administrateur choisit "oui" ou "non". Côté XHTML, chaque DIV se verra attribuer automatiquement une classe picto_n°[oui|non] suivant le choix effectué. En CSS, il ne reste plus qu'à définir les classes "picto1oui" (avec un background-image représentant le picto1) et "picto1non" (avec un display:none, par exemple). On fait la même chose avec les classes associées aux pictos 2 et 3, et le tour est joué.

Si vous tenez à ce que le picto apparaisse en tant qu'image dans le XHTML, vous pouvez naturellement mettre un IMG à l'interieur du DIV correspondant.
--
Thomas - Chargé de support et d'assistance