Jump to content

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


Recommended Posts

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

Share this post


Link to post
Share on other sites

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)

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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;

Share this post


Link to post
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
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More