Jump to content

Probleme modification liste produit ?


Recommended Posts

Bonjour, j'ai deja modifier mes produits phare, j'ai exactement ce que je voulais et la modifiaction et assez simple, mais j'ai un soucis avec la liste produit, j'ai reussi à donner la forme et le nombre de produit par ligne et colonnes, mais par contre tout ce qui est disposition de l'image, titre, description, prix et boutton, j'ai l'impression que c'est block, que on ne peux pas modifier chaque chose, c'est pour sa que je vous demande de l'aide. merci beaucoup

/* product-list.tpl */
ul#product_list{ 
margin-top:2em; 
list-style-type:none;
width: 600px;
margin-left: -38px;

}
ul#product_list li {
   background-image: url('../img/produit.gif');
   margin-top: 10px;
   margin-bottom: 10px;

   float: right;
   margin-right: 7px;
   margin-left: 5px;
   /*width: 270px; IE6 */
   width: 270px;
   height: 200px;
   border-style:solid;
border-width:1px;

}
ul#product_list li a {
   text-decoration:none;
   color:white;
       float: left;
       margin-left: 40px;
       margin-top: -96px;


}

ul#product_list a.product_img_link{

   float:left;

}

ul#product_list a.product_img_link img{
   margin: 0;
   display: inline;
   margin-top: 100px;
   margin-left: -20px;
   background-color: transparent;
   float: left;
}
}
ul#product_list li h3{ 

margin:0.4em 0; 
}
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:0.6em;
   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;
text-align: right;
}
ul#product_list li div.center_block{
   float:left;
   width:74%;
}
ul#product_list li div.right_block{
   float:left;
   width: 11em;
   text-align:right;
   margin-left:1em;
   margin-top:0;
}
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;
}
ul#product_list li .reduction {
   display: block;
   margin-bottom: 0.3em;
}
ul#product_list li .price{
   display: block;
   font-size: 1.5em;
   margin-bottom: 0.2em;
}
ul#product_list li span.availability{
   float: right;
   color:#488c40;
   font-size:0.9em;
}
ul#product_list li a.button{ 
margin-top:0.5em; 
margin-left: 180px;
}



Voici le code product-list

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