Jump to content
Sign in to follow this  
neor

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;
}...

Share this post


Link to post
Share on other sites

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

6196_LHZy5Cu4II3tYQvgSnNX_t

Share this post


Link to post
Share on other sites

c'est pas le sujet t'aurais dus me demande en PM

module "MGC Carousel" de produits sur la page d'accueil
y a un sujet sur le forum

Share this post


Link to post
Share on other sites

fallait ajouter la hauteur ;)

ul#product_list li h3{ 
   margin-top:7.6em;
   height:50px;

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

merci

j'avais repondu a cote de la plaque a nico46

Share this post


Link to post
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

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

réactive le module stp

ton site est super lent

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

t'a mange un grand bout du global.CSS
reprend celui d'origine

il te marque

/* category Products block */
#productscategory{
   margin:2em auto 0pt;
   height:120px;
   width:100%;...

Share this post


Link to post
Share on other sites

Je ne trouve pas ce que tu me dis dans le css d'origine ou alors je le vois pas lol c'est pas grave je vais laisser comme ça sans le module installer.
Merci quand même.

Share this post


Link to post
Share on other sites

c'est dans le theme prestashop
il y a bien ces lignes

tu a utilise quoi pour ton menu categories?

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

t'a supprimer des lignes sans savoir à quoi elles servent

tu a utilise quoi pour ton menu categories?

Share this post


Link to post
Share on other sites

MGC Carousel pour afficher les produits sur la page d'accueil, si si je sais ce que j'ai supprimer sinon mon thème ne tiendrais pas debout, je ne pensais pas que ça me servirais maintenant voilà tout.

Share this post


Link to post
Share on other sites

x3

peux tu quand même me dire ce que tu a utilise pour ton menu catégories STP ;)

c'est pour moi

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

désolé, je vais me coucher, j'avais meme pas vu que c'etait juste le ptit + de change Lol

Share this post


Link to post
Share on other sites
désolé, je vais me coucher, j'avais meme pas vu que c'etait juste le ptit + de change Lol

lol pas de soucis bonne nuit ;)

Share this post


Link to post
Share on other sites
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).

Share this post


Link to post
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
Sign in to follow this  

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More