Jump to content

Plusieurs produits sur la meme ligne dans category


Recommended Posts

bonjour,

je voudrais changer un peu le style de la liste de produits
j'ai commence http://prestashop.0fees.net/category.php?id_category=7
mais j'arrive pas a faire affiche le prix sur la mêmeligne
quand le titre de l'article est trop long, il saute une ligne et le prix descend :(

extrait du css (bricolage)

...
/* product-list.tpl */
ul#product_list{ margin-top:2em; list-style-type:none; }
ul#product_list li {
   background: #d0d3d8 url('../img/block_category_item_bg.jpg') repeat-x;
   border: solid 1px #000000;
   padding: 4px;
   height:200px;
   clear:both;
   margin-bottom:8px;
       float: left;
       width: 30%;
       height: 250px;
       margin-right: 6px;
       clear: none; 
   padding: 4px;
}
ul#product_list li a {
   text-decoration:none;
   color:#374853;
}

ul#product_list a.product_img_link{
   border: solid 1px #000000;
   float:left;
   margin:1pt 1em 2pt 30pt;
}
ul#product_list li h3{ 
   margin-top:7.6em;
}
ul#product_list li .new{
   background:transparent url(../img/flag_new_bg.jpg) repeat-x scroll 0%;
   border:1px solid #488C40;
   color:white;
   font-size:1.0em;
   font-weight:bold;
   margin:0pt 1em 0pt 0pt;
   padding:0pt 0.4em;
   text-transform:uppercase;
   vertical-align:0.3em;
}
ul#product_list li p.product_desc{ font-size:0.92em; display:none;}
ul#product_list li div.center_block{
   float:left;
   width:94%;
   float:left;
   vertical-align:5.3em;
}
ul#product_list li div.right_block{
   float:left;
   width: 13em;
   text-align:right;
   margin-left:1em;
   margin-top:0.5em;
}
ul#product_list li .discount{
   color:#da0f00;
   text-transform:uppercase;
   font-weight:bold;
   display: block;
}
ul#product_list li .on_sale{
   color:#da0f00;
   text-transform:uppercase;
   font-weight:bold;
   display: block;
}...

Link to comment
Share on other sites

Salut peut-tu m'expliquer comment tu as fait pour afficher ceci?.


C'est un module de série dans prestashop :

Aller dans admin/modules/activer le module "dans la meme catégorie"

Pour neor, il y aussi moyen de réduite la longueur du titre en modifiant le truncate dans le fichier tpl.

V++

Atch
Link to comment
Share on other sites


C'est un module de série dans prestashop :
Aller dans admin/modules/activer le module "dans la meme catégorie"
V++

Arf moi ça me donne un mauvais affichage qui n'est pas très beau d'ailleurs, voir image ci jointe.
Comment régler ça pour que se soit aussi propre que celui de néor, car en plus les produits n'en finisse pas de s'étirer en hauteur, ma page à un ascenseur interminable.

PS: je sais que c'est pas le sujet principal mais autant continuer ici.
J'aurais de bon points tampis :-) .

6212_x7W9ihoKNzFAwxdhaaAE_t

Link to comment
Share on other sites

essaye avec le template d'origine...

A mon avis c'est une histoire de template qui comporte une modification CSS mal placée....

Si ton sit est en ligne, mets nous un lien ou en MP pour jeter un œil.

V++

Atch

Link to comment
Share on other sites

Franchement j'ai modifier presque tout le global.css je sais même plus comment est l'original et j'ai tellement fais de modif que là je suis perdu toujours est t'il que je n'ai pas cette ligne moi, je sais pas ou la mettre ni quel est le code complet.

Link to comment
Share on other sites

Mon menu catégories et tout ce qu'il y'à de normal c'est celui par défaut de prestashop arranger par mes soins via le global.css, c'est pour ça que je te comprend pas en fait quand tu me demande ce que j'utilise ou alors montre moi ce que tu veux dire vraiment là je comprend pas trop mais si je peux te dire ce qui m'a servis j'aimerais bien t'aider.

Link to comment
Share on other sites

  • 2 weeks later...
Module réactivé, je sais que mon site est très lent, il faut remercier LWS pour ça malheureusement mon contrat avec eux ce termine le 14/10/09.

Just pour dire que LWS, je déconseille gravement ! Très lent, support technique pourri...sans faire de pub, j'ai pris un hébergement chez OVh et la différence est palpable (dans tout).
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...