essai

L'exemple ci-dessous est une modification du fichier "panierstatic_fr.xsl" : on édite les textes de la Version Française et le lien du bouton : Francais.gif Mes achats Commander adresse_e_mail.cfm L'exemple ci-dessous est une modification du fichier "panierstatic_us.xsl" : on édite les textes de la Version Anglaise et le lien du bouton : Anglais.gif My Cart Search www.google.fr N.B. : vous pouvez mettre un lien vers la page de votre choix, en fonction de vos besoins. Pour cet exemple, nous avons choisi le texte "Disponible" pour nos articles en stock dans notre Version Française. On modifie donc le fichier "panierstatic_fr.xsl" en conséquence : Francais.gif Disponible Pour cet exemple, nous avons choisi le texte "Available" pour nos articles en stock dans notre Version Anglaise. On modifie donc le fichier "panierstatic_us.xsl" en conséquence : Anglais.gif Available #panierstatic{ width:200px; /* Largeur du widget, valeur en pixel */ margin:auto; } .separation{width:100%;height:auto;border-bottom:1px dashed #D4D4D4;padding:5px 0 10px;} .infos_nom_article{float:left;width:85%;} .infos_nom_article a {position: relative;} .infos_nom_article a:hover .popup_infos { background-color:#fff !important; display: inline; position: absolute; text-align: center; width: 141px; left:170px; margin-left:0px; /* permet de déplacer vers la droite ou la gauche le popup */ } .tronquer{ width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; } .infos_nbr, .infos_price{text-align:right;} .infos_nbr{margin: 0px 0px 5px;} #voir_panier{text-decoration:none;} /* ############## Design des popup infos ############## */ .popup_infos{ display: none; z-index:9999; font-weight:normal; white-space:pre-wrap; /* empeche certains titres de passer en dessous de l'image */ left:13em; padding:5px; -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.8); -o-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.8); box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.8); filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=135, Strength=8); } .images_produits_panier{height:auto;width:120px;border:none;margin-top:10px;} .stock_ok{color:#228B22;} /*Couleur en stock*/ .stock_ko{color:#FF0000;} /*Couleur pas en stock, épuisé, dispo dans x jours, etc.. */ Votre panier Voir panier panierb.cfm en stock

texte_defaut_nav_verti

../site/panierstatic/loupe.png vertical-align: top; height: 17px; width: 17px; margin-right: 5px;border:none;

../boutique/images_produits/ images_produits_panier this.style.display='none';

:

:

x

-

	-
texte_catalogue HTMLContent descidpanierstatic_
voir_panier button habillage_bouton_defaut cursor:pointer;