Configuration "Produits Phares"

[clickforwebdesign]

Bonjour a tous,

J'essaye de modifier ma présentation "des produits phares" (Voir Pièces jointes) donc j'ai modifié mon homefeatured.tpl dans mes modules mais cependant je n'arrive pas a centrer ma colonne centre comment dois je faire? quelle ligne dois je modifier dans mon fichier global.css pour y arriver

Merci par avance

[Nommam]

si on a pas le code de ce que tu as moduifier, comment dire la ou il faut modifier ????

[jeckyl]

Salut,

Pas d'url,

pas de code

juste j'ai modifié un truc et cela ne fonctionne pas comment corriger ?

J'aime bien, c'est du grand art.

Je propose qu'on te donne la solution mais sans vraiment te la donner.

Pour centre ta colonne du centre il suffit de définir ses marges.

[clickforwebdesign]

Excusez moi pour le manque de precision que je vais rectifier de ce pas:

je n'ai pas d'URL car je le fais en local.

Je pense qu'il faut modifier une de ces lignes dans mon global.css

center_column .products_block { border: none; }
#center_column .products_block  { color: #000000;}
#center_column .products_block h4 { line-height: 1.3em; }
#center_column .products_block .block_content {
   background: transparent;
   padding:0;
}
#center_column .products_block ul li:hover { background-color: transparent; }
#center_column .products_block ul li {
   float: left;
   clear: none;
   width:245px;
   _width:240px;
/*    height:375px;*/
   background:transparent url('../img/product.gif') no-repeat top center;
   margin:0 10px 20px 10px;

}

[jeckyl]

Et pourquoi ne pas mettre le bon nombre de produit afin de remplir la ligne ?

[clickforwebdesign]

Normalement il y a bien 5 produits affichés par ligne il n'en affiche que 4 car trop a gauche( modification faite dans modules Home Featured) mais il sont décalés a gauche

<!-- MODULE Home Featured Products -->


   {if isset($products) AND $products}

           {assign var='liHeight' value=810}
           {assign var='nbItemsPerLine' value=5}

[Atch]

Salut,

Tu as supprimé la colonne de droite mais tu n'as pas changé la largeur de la colonne centrale... je vois ça comme ça de ma fenetre!!

tu as une largeur qui te contraint quelque part.


V++

Atch

[jeckyl]

Donc ta largeur des blocs li est trop grande et surtout tu as mis 810 dans la hauteur par bloc li ???? c'est énorme.

[clickforwebdesign]

je n'ai pas supprimer ma colonne droite
le code de mes colonnes

#left_column, #center_column, #right_column {
   float:left;
}
#left_column {
   float:left;
   width:130px;
   margin: 0 10px 0;
   _margin: 0 5px 0;
   background-color:transparent;
}
#center_column {
   width:800px;
   background:transparent;
   float:right;
   margin: 0 0px 14px 0;
}
#right_column {
   width: 190px;
   padding-left: 15px;
}

[jeckyl]

Donc ton site fait au minimum 1120 pixels de large ????

E tu au courant que tout le monde limite la largeur à 980pixel du fait que la grande majorité des clients utilisent un affichage en 1024x768 ?

[Atch]

je n'ai pas supprimer ma colonne droite
le code de mes colonnes

#left_column, #center_column, #right_column {
   float:left;
}
#left_column {
   float:left;
   width:130px;
   margin: 0 10px 0;
   _margin: 0 5px 0;
   background-color:transparent;
}
#center_column {
   width:800px;
   background:transparent;
   float:right;
   margin: 0 0px 14px 0;
}
#right_column {
   width: 190px;
   padding-left: 15px;
}

et la largeur #page fait combien?

Atch

[clickforwebdesign]

#page {
   background: transparent;
   width: 800px;
   margin: 0 auto 2px auto;
   text-align:left;
}

[Atch]

Ouvre le fichier footer.tpl de ton theme et vire ça

<!-- Right -->

               {$HOOK_RIGHT_COLUMN}

V++

Atch

[clickforwebdesign]

Il faut obligatoirement supprimer les colonnes droites et gauches quand on fait une presentation ce cette sorte?
Si la limite est de 980px ma balise Page /header & colonne centre doivent etre de 980?

[clickforwebdesign]

Avez vous un exemple de template gratuit pour une presentation simple comme http://www.archiduchesse.com ou http://www.onzemetrescarres.com/shop/ pour essayer de mieux comprendre comment configurer simplement mes produits phares avec 5 produits par colonne