Adapter le homeslider sous prest 1.4.1.5

[lucho84]

Bonsoir,

 

Je viens de récupérer un site qui est en production http://www.davidson-distribution.com je vais pas mal changer de choses car pas du tout optimisé pour du référencement.

 

Je commence juste à développer sous prestashop (je suit la formation presta donc tolérance s'il vous plait).

 

Actuellement j'ai le homeslider qui contient 2 images et j'aimerai le passer à 3 images. L'ancien développeur a codé en dur donc il n'y a pas de module installé.

 

J'ai par firebug trouvé le fichier css concerné mais je nages un peu! Voici le code correspond :

/* Easy Slider */
#slider ul, #slider li,
#slider2 ul, #slider2 li{
 margin:0;
 padding:0;
 list-style:none;
 }
#slider2{margin-top:1em;}
#slider li, #slider2 li{
 /*
  define width and height of list item (slide)
  entire slider area will adjust according to the parameters provided here
 */
 width:965px;
 height:376px;
 overflow:hidden;
 }
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
 display:block;
 width:30px;
 height:77px;
 position:absolute;
 left:5px;
 top:161px;
 z-index:700;
 }
#nextBtn, #slider1next{
 left:935px;
 }			 
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{ 
 display:block;
 position:relative;
 width:24px;
 height:37px;
 background:url(../img/btn_prev.png) no-repeat 0 0;
 }
#nextBtn a, #slider1next a{
 background:url(../img/btn_next.png) no-repeat 0 0;
 }

/* numeric controls */
ol#controls{
 margin:1em 0;
 padding:0;
 height:28px;
 }
ol#controls li{
 margin:0 10px 0 0;
 padding:0;
 float:left;
 list-style:none;
 height:28px;
 line-height:28px;
 }
ol#controls li a{
 float:left;
 height:28px;
 line-height:28px;
 border:1px solid #ccc;
 background:#DAF3F8;
 color:#555;
 padding:0 10px;
 text-decoration:none;
 }
ol#controls li.current a{
 background:#5DC9E1;
 color:#fff;
 }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */
#first-square{width: 300px;  float: left; border-right: solid 1px #CCC; margin-right: 20px;}
#second-square{width: 300px; float: left;  border-right: solid 1px #CCC; margin-right: 20px;}
#third-square{width: 300px; float: left; }
#warning {border: 1px solid red;}
#warning p{color: red; }
input { height: 20px; }
.facebook {margin-top: -50px; margin-left: 260px;}
.on_sale_logo { width: 50px; float: left;}
.on_sale_text {
width: 80px;
float: left;
color: #f88113;
text-transform: uppercase;
}
.button_mini {margin-top: -20px; margin-left: 100px;}
#news-message {margin-left: -40px; background-color:#FFF; text-align:center; width: 220px; }

 

Déjà suis je dans le bon endroit? Si oui avez vous une idée de ce que je dois modifier?

 

Merci par avance pour vos conseils

[lucho84]

Bon j'ai résolu le problème, la modification n'est pas dans le CSS mais dans l'editorial.tpl