Oui mais ce que tu ne sais pas David, c'est qu'on en a beaucoup parlé avec Gilles Pillocher hier, et décidé qu'il serait judicieux de préparer le terrain à la full localization en intégrant plusieurs TOKENS vraiment utiles pour le skinning, et par exemple :
[LOCALE] : renvoie la locale,
[ADDCARTURL] : renvoie l'url contenant les bons paramètres pour ajouter un produit au panier,
[PURCHASEURL] : pareil sauf qu'ici on achète directement,
[PRODUCTDETAILURL] : Renvoie l'url vers le détail du produit
[TEMPLATEBASEURL] : renvoie l'url vers le dossier template utiisé, ceci sera utile pour l'ajout de fichiers CSS ce qui n'est pas possible aujourd'hui (enfin pas proprement),
[ENLARGEIMAGE] : une fonction permettant d'élargir l'image du produit, très bien pour le détail d'un produit,
[PRICELABEL] : Renvoie le texte "Notre prix",
[VATPRICELABEL] : Renvoie le texte "TTC",
[SPECIALPRICELABEL] : Renvoie le texte "Promotion".
[ADDTOCARTLABEL] : Renvoie le texte "Add to cart".
[PRODUCTDETAILLABEL] : Renvoie "Détail du produit".
Avec ça on fait une template comme on les aime, comme ça par exemple :
<style media="all" title="Nested CSS firts node" type="text/css">
@import ([TEMPLATEBASEURL]/Ressources/StyleSheet/central.css);
</style>
<div class="NewProduct-Entity" lang="[LOCALE]">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="NewProduct-Title"><a title="[MODELNAME]" href="[PRODUCTDETAILURL]" class="NewProduct-Title" lang="[LOCALE]">[MODELNAME]</a></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="NewProduct-Image"><a title="[MODELNAME]" href="[PRODUCTDETAILURL]" class="NewProduct-Title" lang="[LOCALE]">[IMAGE::BorderWidth=0::AlternateText=Product Image]</a></td>
<td class="NewProduct-Summary">[SUMMARY]</td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="NewProduct-Price">[PRICE][EDIT]</td>
<td class="NewProduct-AddToCart"><a title="[ADDTOCARTLABEL]" href="[ADDTOCARTURL]" class="NewProduct-Title" lang="[LOCALE]"><img alt="[ADDTOCARTLABEL]" src="[TEMPLATEBASEURL]/Ressources/Images/addToCart_[LOCALE].jpg" border="0" lang="[LOCALE]" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td class="NewProduct-LinkDetail">[LINKDETAIL][LINKDETAILIMG]</td>
</tr>
</table>
</div>
Pour le boutton qui s'adapte au texte à l'intérieur, crois en mon expérience il ne faut pas faire comme ça. Les utilisateurs vont mettre un texte de 3km de long, d'autres vont changer la taille de la typo... il vaut mieux fournir une url d'image dans laquelle on peut glisser le locale [TEMPLATEBASEURL]/Ressources/Images/addToCart_[LOCALE].jpg et le fichier PSD des bouttons. La même template sera fournie avec uniquement le texte et un autre style pour le boutton.
Pour info j'étais d'abord parti sur une template utilisant les règles CSS 2 et le standard optimal en terme d'architecture HTML à savoir un ensemble de DIVs et un positionnement CSS, mais je suis revenu sur une architecture en TABLE car je crois que celle-ci tout le monde la comprend. On fera néanmoins une template et des CSS valides W3C.
seb