Jump to content

RESOLU : problème de largeur dans les blocs produits et dans le header.


Recommended Posts

Bonjour et un grand merci pour toutes les personnes qui contribues pour améliorer toutes les fonctionnalités de prestashop.

J'ai un problème de dimension dans toutes mes pages et je n'arrive pas à trouver de solution.

Je ne pense pas que ce soit une chose difficile à arranger mais pour un novice comme moi , c'est une grosse prise de tête.

Si une personne pouvait me venir en aide ;) .
Ci-joint une image du problème.

13145_9c7zw4w4teBMWKA8B9A4_t

Share this post


Link to post
Share on other sites

Bonjour, le problème de dimension est sur la largeur de page (décalage sur les fiches produits et le header).
Le décalage est visible sur le haut de page à droite.
Je pense qu'un redimensionnement s'impose mais je n'ai aucune idée de l'endroit et de la façon de procédé pour résoudre le problème. Merci pour vos réponse. ;)

Share this post


Link to post
Share on other sites

Salut,

Le width de ton id="header" doit être inférieur au width de ton id="page".
La photo du bg header peut etre passez large....

As tu un lien de ton site, se serait plus facile pour vous répondre.

V++

Atch

Share this post


Link to post
Share on other sites

Si vous avez le même problème , allez dans : taboutique/themes/tontheme/style/ et modifier global.css.
les modifications ci-dessous m'ont permis de résoudre le problème.

Ligne 183 :

#page {
background-color:#686868;
margin:0 auto 2px;
text-align:left;
width:967px;
}

Changez la largeur mettre 967px

ligne 208 :
#center_column {
margin:0 0 30px;
width:555px;
}

Mettre 555px en largeur

ligne 203 :
#left_column {
clear:left;
padding-left:5px;
padding-right:10px;
width:190px;
}

Mettre 10px a padding-right et ajouter padding-left (ça permet de décoller le bloc de gauche)

ligne 213 :
#right_column {
padding-left:10px;
width:190px;
}

mettre 10px au padding left

ligne 1477 :
ul#product_list li div.center_block {
float:left;
width:68%;
}

mettre 68% à width.



Un grand MERCI à ATCH pour toutes ces infos , qui m'ont permis de résoudre le problème. ;)

Share this post


Link to post
Share on other sites

Bonjour,

Attention, cette modification est spécifique à votre template qui avait été modifié au préalable.

Mais merci tout de même pour le partage avec la communauté ;)

V++

Atch

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
×
×
  • Create New...

Important Information

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