Site sur 2 colonnes (gauche et centrale)

[Ecom]

Bonjour,

Je voulais savoir si il y avait un tuto exhaustif qui indique sur quelle partie du css il faut agir pour les modification des templates?

Aujourd'hui, mon site est avec 2 colonnes une a gauche et l'autre au centre sur 980px (190 + 790).
-Mais je souhaite agrandir en page d'accueil les produits phares et les aligner à gauche (left 790px).
-Et agrandir l'affichage des produits.
A quel niveau dois je agir.
Merci pour l'aide

[Atch]

Bonjour ecom,


Il n'y a pas de tutoriaux officiels concernant les modifications des templates.
Par contre, il y a pas mal d'éléments de réponse sur le forum, en utilisant la fonction recherche.

Je ne sais pas si vous l'utilisez, mais il existe un outil pour firefox qui peut drolement vous simplifier la vie dans vos modifications : FIREBUG. (quant à son utilisation, un tutoriel existe en Postit de ce forum)

Au moins avec cette outil, vous allez localiser les attributs/id/classes à modifier dans votre global.css et divers tpl.

Bonne continutation.

Atch

[Ecom]

Bonjour atch, Merci pour la réponse, oui j'utilise firefox. Mais ca ne resoud pas tout.

[Atch]

C'est FIREBUG qu'il faut.

Avec cet outil, vous avez la possibilité de modifier la largeur de vos produits phares en "live" et ainsi connaitre les lignes à modifier.

V++

Atch

[Ecom]

merci, mes doigts ont fourchés je voulais écrire Firebug.
Je l'utilise.
Merci.

[Atch]

bah mince alors...

Bah difficile de vous donner les lignes à modifier car votre css est modifié, mais

pour élargir la présentation des blocs produits phares chercher :

la ligne

#center_column .products_block ul li {
background-color:#D0D3D8;
border-bottom:1px solid white;
border-right:1px solid white;
clear:none;
float:left;
margin-top:0;
padding:0;
width:133px;
}

et modifier la valeur de width

Mais au préalable il va vous falloir augmenter la largeur du bloc central

#center_column div.block {
margin:auto;
width:536px;
}

et enlever le margin auto si vous souhaitez le coller sur la colonne de gauche etc....

Certainement encore quelques retouches à prévoir.

V++

Atch

[Ecom]

Merci infiniment. Je le fais tout de suite. Bonne journée.

[Ecom]

Parfait. C'est presque cela.
-Sauf que les images dans les produits phares sont a gauche et non centrées.
-Et que mon module est configurer sur 4 produits phares, je me retrouve avec le 4 eme sur la ligne du dessous et le 4 eme à droite est vide.
Merci.

[Atch]

Difficile pour moi de travailler en aveugle!

Mais je vous assure, en vous servant de firebug, vous auriez déjà trouver les solutions.

V++

Atch

[richard03]

Si j'ai bien compris pour ton dernier problème t'as 3 prouits sur la premiere ligne et le 4eme sur la deuxieme?!
si c'est ça revois la largeur de tes blocs tu peux avoir des differences entre ie et firefox là faut se pencher sur les padding et les margin

[Ecom]

Merci Richard03, je pense que c'est effectivement un probleme de largeur.
Très bonne journée.