Jump to content

Problème disposition des photos du modules "produits phares"


Recommended Posts

Bonjour,

 

Je souhaiterais ajouter à ma page d'accueil le module "produits phares".

J'ai bien redimensionné la taille des photos en créant une catégorie "phares" dans la catégorie "images" du BO, j'ai ensuite changé le "home" du fichier homefeatured.tpl par "phares". Les photos sont donc à la bonne dimension souhaité.

 

Je souhaiterais maintenant que les photos se placent horizontalement en dessous de mon slider sur la page d'accueil. Le problème est qu'elles se positionnent les unes sous les autres du côté gauche de la page d'accueil. (voir photo en PJ)

 

Merci pour votre aide.

 

Cdlt,

 

Céline

post-727685-0-19019600-1393938765_thumb.jpg

Share this post


Link to post
Share on other sites

Bonjour,

 

Tu dois avoir un problème de CSS. Essaye de redimenssionner tes div pour qu'elles rentrent dans la largeur de ta page.

 

Ex: si la longueur de ton body est de 980px tu ne pourras pas avoir l'ensemble de tes produits phares sur une ligne si la totalité de tes produits fait plus de 980px de large.

 

Essaye voir de ce côté ;)

  • Like 1

Share this post


Link to post
Share on other sites

Bonjour,

 

Tu dois avoir un problème de CSS. Essaye de redimenssionner tes div pour qu'elles rentrent dans la largeur de ta page.

 

Ex: si la longueur de ton body est de 980px tu ne pourras pas avoir l'ensemble de tes produits phares sur une ligne si la totalité de tes produits fait plus de 980px de large.

 

Essaye voir de ce côté ;)

 

Merci pour ta réponse.

 

A quel ligne dois-je redimensionner les div dans le css?

Share this post


Link to post
Share on other sites

Dans le fichier homefeatured.css dans modules.

Regarde vers :

 

#featured-products_block_center li { ICI TU DOIS AVOIR UN WIDTH: XX px;  }

 

Je viens de changer et mettre 980px rien ne change... je vous donne le lien de la boutique pour que vous puissiez voir: www.joliedemoiselle.fr

Edited by celinelmne (see edit history)

Share this post


Link to post
Share on other sites

Salut

Peut-être en regardant du côté du global.css ?

 

Pour ma part (sous PS 1.3.5), j'ai modifié autour des lignes 990, vous trouverez

 

#center_column .products_block ul li {
    float: left;
    background-color: #EEF0F0;
    margin-top: 0;
    padding: 0 0 1px;
    width: 325px;

 

Changez le width par 980 divisé par le nombre de produits à afficher.

Si c'est 3, essayez avec 325px.

 

PS : quel est le module slider que vous utilisez ?

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