[Résolu] Impossible de centrer toutes les infos de la fiche produit

[Patrick_64]

Bonjour,
Malgré tous mes essais sur le product.tpl et autre global.css, je n'arrive pas à centrer toutes les infos de la fiche produit.

Je ne parle pas de tous les essais que j'ai fais pour mettre ces infos sur 2 colonnes.
Mais une chose après l'autre, d'abord on centre, et si quelqu'un a un peu de tmeps on verra le reste.

Merci

[Divine]

Hello,

Tu as un lien vers ton site ? Cela nous aiderait à voir quel est le problème

[Patrick_64]

Re-bonjour Divine,

Sur tous les fronts ! ! !

http://prestashop.baissat.fr

dès qu'il sera prêt je changerais pour l'adresse définitive. J'espère avant fin septembre.

Merci

[Divine]

Oki mais alors que souhaites-tu centrer exactement ?

[Patrick_64]

L'image de l'objet centrée, et dessous "envoyer ami" etc, le laisser à gauche et mettre à droite le "plus de détail" et le reste en bas centré

j'ai essayé avec la balise

mais n'importe ou je la mets, rien ne bouge. Par contre les CSS, pas appris.

Merci
Patrick
(Anne s'occupe de trouver les idées)

[Divine]

Le plus simple dans ce cas serait de sortir l'image du produit du div #right-column dans le fichier product.tpl puis de jouer sur les margin du global.css pour régler tout cela comme tu le souhaites.

[yvesbj]

Je suis pas sur d'avoir bien compris ce que tu voulais mais sinon, si tu gardes cette dimension pour les images, va à la ligne 1667 de ton global.css et fais les modifs suivantes :

#primary_block #image-block {
border: 1px solid #D0D1D5;
height: 300px;
margin-left: 69px;
width: 400px;

J'ai rajouté le "margin-left" pour centrer l'image (un peu à la macgyver... lol) et j'ai modifié ton "width" car le contour de l'image ne suivait pas.

Je débute aussi, j'espère que ça pourra t'aider.

[yvesbj]

Pour le bloc plus de détail :

dans :

#primary_block #pb-left-column

ligne 1722 de ton global.css

met un :

float: right;

Puis dans la ligne 1727, dans :

#primary_block #short_description_block {

Met :

margin-top:-75px;

Toujours des solutions de bourrins désolé je débute également...

[Patrick_64]

Salut Yves, et merci, tu as beau être un débutant, tu t'en es très bien sorti et tu dois être à 15 planètes au dessus de moi.

Pour terminer, le buy_block a glisser avec le "plus d'info", possible de centrer le buy_block ?

merci

[yvesbj]

Content de plus t'aider Anne avec mes maigres connaissances

Voici donc ce que j'ai pu faire pour le buy_bloc :

Dans la 1775 :

#primary_block form#buy_block {
background: url("../img/product-buy-bg.gif") repeat-x scroll left top #F1F2F4;
border: 1px solid #D0D3D8;
color: #374853;
float: left;
font-size: 1.1em;
margin-left: -202px;
padding:15px;
width:270px;

[yvesbj]

n'oublie pas également de changer le "width" ligne 1706 de 300px par 400px car la bordure ne suit pas l'image...

[Patrick_64]

Merci beaucoup,
voila ce que j'appelle une affaire rondement menée.
c'est exactement ce que je voulais.

passe une bonne journée

[yvesbj]

De rien. Bonne journée à toi aussi