Discussion :

[decome2013]

Avant tout bonjour à tous,

Premier petit message sur ce forum. Et c'est un souci technique bien étrange qui m'amène.

Actuellement en train de finaliser la page d'accueil de notre site, je me trouve heurté à un problème d'affichage du module produits phares.

Ce dernier présente les photos des produits alignés sans souci, mais bug totalement :
Les boutons plus d'infos et Ajouter au panier se retrouvent derrière le visuel des produits. Certains produits ont ces boutons, d'autres non et plus aucune description ne s'affiche.
Bref, c'est le foutoir

Développant le site internet de temps en temps, nous n'avons pas une grande connaissance des conflits pouvant exister entre thèmes, modules, versions de prest etc.
En essayant d'autres problèmes de présentations de produits cela fait la même chose, idem pour promotions ou encore nouveautés qui doivent surement se baser sur le meme css

Comment identifier le souci ? De quelles infos auriez-vous besoin pour nous aiguiller vers la bonne voie, à savoir simplement présenter une douzaine de produits sur notre page d'accueil ^^

Merci par avance,

[Torgar]

Bonsoir,

Nous aurions besoin du code source de la page, celui généré par le navigateur (clic droit -> afficher la source) et le CSS associé.
Je t'encourage à utiliser le bouton (#) pour ajouter les balises de formatage de code.

Idéalement si tu as un lien vers la page cela nous permettrai de voir le problème en live. Sinon tu peux toujours joindre une image

[decome2013]

bonjour et merci ta réponse,

L'affichage était pire que cela il y a peu de temps : la description du produit qui de base est sous la photo, se superposait à l'image lors du passage de souris. J'ai recherché une balise mouseover en vain et nous avons cédé à l'énervement et tenté de résoudre le problème en "bidouillant salement" le css. Voici le résultat :



On voit à peine dépasser le titre de produit de derrière l'image
Pensez-vous qu'un changement de thème pourrait régler notre souci ? ou faut-il s'atteler au css du module ?
Soit dit en passant, dans quel fichier css puis-je trouver celui qui gère ce module "homefeatured" ? Il semblerait que ce soit le même que "promotions" et "nouveautés" c'est bien ça ?

Merci par avance

[laffreuxthomas]

Soit dit en passant, dans quel fichier css puis-je trouver celui qui gère ce module "homefeatured" ?

Le plugin Firebug de Firefox vous aidera à identifier les règles CSS des éléments de votre page. Car effectivement sous Prestashop la feuille de style par défaut est une véritable horreur et cela demanderait un travail important de la refaire.

Les règles CSS qui s'appliquent sur ce module sont perdues dans le fichier "themes/le-dossier-de-votre-theme/css/global.css". Pour info le code du module est localisé dans le dossier "/modules/homefeatured/".

[decome2013]

c'est assez hallucinant :

Si j'entre le css ci-après, le module produits phares s'affiche correctement, du moins de façon à ce que je puisse l'adapter rapidement à ce que nous recherchons. Par contre, cela désordonne totalement le haut de page, barre de recherche disparue, blocs userinfo et myaccount désordonnés :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/* block in the center column */
 
.products_block h5{  
margin: 0.5em 0;
 
#center_column div.block { width: 940px }
 
#center_column div.block h4 {
 
    background: transparent url('../img/block_header_large.png') no-repeat top left;
 
    height: 17px;
 
    color: white

A l'inverse, si je rajoute "}" pour fermer la balise products_block h5, le haut de page s'affiche parfaitement mais mon bloc produits revient à son bug constant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/* block in the center column */
 
.products_block h5{  
margin: 0.5em 0;}
 
#center_column div.block { width: 940px }
 
#center_column div.block h4 {
 
    background: transparent url('../img/block_header_large.png') no-repeat top left;
 
    height: 17px;
 
    color: white

Le conflit me dépasse totalement

[NoSmoking]

Bonjour,

A l'inverse, si je rajoute "}" pour fermer la balise products_block h5,(...)

ceci est quand même le BAba de la déclaration des propriétés.

J'entrevois un gros problème de structure, voire de compréhension du langage.

Nous aurions besoin du code source de la page, celui généré par le navigateur (clic droit -> afficher la source) et le CSS associé.
(...)
Idéalement si tu as un lien vers la page cela nous permettrai de voir le problème en live. Sinon tu peux toujours joindre une image