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

[celinelmne]

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

[Office56]

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é

[celinelmne]

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?

[Office56]

Dans le fichier homefeatured.css dans modules.

Regarde vers :

 

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

[celinelmne]

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 March 4, 2014 by celinelmne (see edit history)

[TC04]

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 ?