Vous êtes ici Forums
  |  Connexion
 Forums
HomeHomeProjetsProjetsStore : utilisa...Store : utilisa...Item dItem d'une liste de produit et fiche détaille d'un produit
Précédente
 
Suivante
Nouveau message
27/05/2007 21:24
 

Toujours en faisant mes tests par rapport à mon existant je me suis apperçu d'une différence dans la représentation de mes produits sous forme de liste. Auparavant j'avais une liste de produit sur 2 colonnes. Chaque produit étant représenté avec son titre, sa photo, sa description et son prix et tout cela dans un joli cadre. Depuis la nouvelle version sur une même ligne mes cadres ne sont pas de la même hauteur (donc du coup les cadres sont moins jolis).

En faisant quelques recherches dans le code, je me suis apperçu qu'il y avait quelques modifications à apporter par rapport à la version 2.00.06 notamment du fait que désormais on utilise l'objet ProductDetail dans la liste.

A l'attention de Gilles, pour moi, il manque :
. dans l'objet ProductList.ascx, dans la fonction processToken et dans le case "PRODUCTS", la ligne suivante :
           lstProducts.Height = new Unit("100%")
  cela permet de donner la hauteur de la cellule contenant chaque produit.
. dans le code HTML de la page ProductDetail.ascx, le table doit avoir une propriété height=100%, et le TD du premier TR doit avoir la propriété valign=top

Une fois ceci mis en place on retrouve un fonctionnement tel qu'il était autrefois jadis.

 
Nouveau message
28/05/2007 12:53
 

A nouveau, c'est normal ! Tout est ... NORMAL !

Ce coup-ci tu es dans la partie de l'ami Seb. Il a viré certains attributs et nommé les tags/contrôles par rapport à leur fonction. Je ne suis pas une bête en css, mais regarde dans StoreFront.css. Tu vas retrouver les cinq blocs (NewProduct-Entity, FeaturedProduct-Entity, PopularProduct-Entity, ProductDetail-Entity et ListContainer-Entity) qui correspondent aux différentes sections du catalogue. Normalement, Seb a prévu les classes qui peuvent être utiles, mais elles sont peut-être vides ! Dans ton cas, je crois que cela devrait se passer dans : .ProductDetail-Entity TABLE

Gilles

 
Nouveau message
28/05/2007 13:15
 

OK j'essaierais cela alors

 
Nouveau message
28/05/2007 17:10
 

Sauf erreur de ma part la modification du style dont tu me parles ne suffit pas, il faut en effet que la hauteur soit à 100% le problème c'est que le template est lui-même placé dans une table qui n'est pas à 100% et j'en reviens donc à ce que je disais au début de ce fil pour moi il y a des modifications à faire dans le ProductDetail.ascx (sauf erreur de ma part).

Voici un extrait du code HTML généré :

<!--Correspond à la table du token PRODUCTLIST il est bien à 100% en hauteur-->
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="220">
     <tr>
      <!--Correspond à la cellule généré par le token PRODUCTLIST elle est bien à 100% en hauteur-->
      <td height="100%" width="220">
            <!--C'est ici que nous avons un problème, il s'agit du code HTML de ProductDetail.ascx et là nousn'avons pas la hauteur à 100% d'où problème-->
            <table cellSpacing="0" cellPadding="0" width="100%" border="0">
                   <tr>
                           <!--Idem pour la cellule (HTML de la page ProductDetail.ascx), là un valign=top suffirait-->
                           <td nowrap>
                                 <!--C'est seulement maintenant que l'on trouve la classe dont tu me parlais mais c'est trop tard-->
                                   <div class="NewProduct-Entity">
                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
...

Dans l'état actuel des choses il n'est pas possible dans une liste de produits sur plusieurs colonnes d'avoir des cadres de même taille puisque si la classe NewProduct-Entity permet de mettre la hauteur à 100% vu qu'elle se trouve dans une TD et un TABLE qui ne sont pas à 100% cela ne donne pas grand chose.

Dont je persiste et signe et pense que ce N'EST PAS normal...

 
Nouveau message
29/05/2007 22:02
 

Contrairement à ce que je disais dans mon premier message, il semblerait que modifier la code HTML de ProductDetail.ascx comme je le décrivais ne règle pas tous les problèmes. En effet l'apparence est bonne dans une liste mais ce contrôle est aussi utilisé pour afficher le détail d'un produit et dans ce cas le texte "Retour à la catégorie" est caché par le DIV se trouvant dans le premier TD du TABLE de la page du fait que nous ayons mis la TABLE à 100% en hauteur. Si je me souviens bien c'est un problème que l'on rencontre sous IE, les DIV se trouvant dans une TABLE à 100% se comportent bizarrement.

Pour remédier à cela la solution serait de se passer du TABLE qui ne nous apporte pas grand chose finalement.

 

 
Nouveau message
31/05/2007 03:30
 

Salut Loïc,

Je n'ai pas eu beaucoup de temps ces jours-ci. Je vais essayer de voir cela, et faire un email à Seb.

Gilles

 
Précédente
 
Suivante
HomeHomeProjetsProjetsStore : utilisa...Store : utilisa...Item dItem d'une liste de produit et fiche détaille d'un produit