Discussion :

[marco601]

Bonjour à tous,
je viens de me mettre à Prestashop où, j'ai affecté un nouveau thème qui correspondait plu ou moins à ce que je souhaitais.
J'ai modifié ce thème et mon problème se situe sur l'affichage des produits phares en première page ainsi que sur l'affichage des accessoires d'un produit.
Le css semble être le même pour les deux "blocks", du coup quand je change l'un l'autre aussi change.
l'affichage des produits phare est parfait, par contre les accessoires ont un gros soucis
comme une bonne visualisation est toujours mieux que du blabla:
http://test.ecolux-diffusion.com/ pour ce qui est de la première page
et
http://test.ecolux-d...?id_product=241 > cliquez sur accessoires en bas de page> pour ce qui est du problème qui me rend fou depuis une semaine maintenant
si quelqu'un aurait la gentillesse de me donner un coup de main sur ce casse-tête

[NoSmoking]

Bonjour e bienvenue sur DVP.
Je viens de manger 1kg de cristal plus 2 boules de glace mais.... cela ne m'a pas permis de deviner le soucis que tu rencontres.
Les liens c'est bien mais sans explication de ce qui te tracasse

Le css semble être le même pour les deux "blocks", du coup quand je change l'un l'autre aussi change.

Je dirais quand même, essaies d'utiliser des class différentes sur tes éléments.

[marco601]

merci de ta réponse No smoking
j'ai essayé un peu d'expliquer le problème, mais avec les liens on se rend compte immédiatement.
le premier envoie sur la page d'accueil avec les "produits phares" en bas de page, qui s'affichent nickel
dans le deuxième lien, c'est un produit auquel j'ajoute des accessoires, l'onglet accessoires est accessible en bas du produits en cliquant sur accessoires.
Là c'est pas la fête! l'image superpose le texte, les boutons et le titre et tout est décalé.
Effectivement quand je bricole dans le fichier global.css j'arrive à faire des changements, mais les deux changent!
oui je me doute qu'il y a un histoire de class... Problème je suis pas doué sur ce sujet Je comprends vite mais il faut m'expliquer longtemps en gros
Je peux d'envoyer le fichier css si tu veux...

[Rafapouf]

Mais non !
Il suffit de reflechir un peu.
Tes deux onglets ont le meme graphisme parce que tu appelles la meme class ou alors le meme conteneur dans ton css.
Il suffit de les differencier en donnant une class à chacun de des conteneur.
Genre ton truc est dans un div . Au lieu d'apeller en css le div seul comme ça :

Code css :

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

1
2
3
4
5
div {
height: xpx;
float: left ; 
 
}

tu l'apelles par la class que tu lui a donné genre :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
.produit {
height: xpx;
float: left ; 
}
 
.accessoire{
height: xpx;
float: left ; 
}

Comme ça tu geres tes accessoires et tes produits phares de maniere indépendante l'un de l'autre

[marco601]

La logique de la chose ne me parait pas compliqué, c'est simplement le nombre de fichier de prestashop et du coup je ne sais plus où modifier les choses.

Avec Firebug si je regarde la page d'accueil avec les produits phares qui s'affiche correctement je trouve cela dans le code:

Code :

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

1
2
3
4
5
6
7
8
<li class="ajax_block_product first_item clear ">
<li class="ajax_block_product item ">
<li class="ajax_block_product item ">
<li class="ajax_block_product item last_item_of_line ">
<li class="ajax_block_product item clear ">
<li class="ajax_block_product item ">
<li class="ajax_block_product item ">
<li class="ajax_block_product last_item last_item_of_line ">

dans le style, j'ai cela:

Code :

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

#center_column .products_block ul li

Pour les accessoires qui posent problème( j'ai seulement 2 accessoires):

Code :

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

1
2
<li class="ajax_block_product first_item product_accessories_description">
<li class="ajax_block_product last_item product_accessories_description">

avec ceci dans le style:

Code :

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

#center_column .products_block.accessories_block .block_content li

ce que je ne comprends pas c'est que on voit bien la différence entre "product block" (ligne940 dans global.css) et "products_block accessories_block (ligne1044 dans global.css)

comme je vous l'ai dit je suis pas pro non plus, ne tirez pas sur l'ambulance

La question la plus important que j'aurais dû poser dès le départ est:
ces changements se font ils tous dans le global.css où y a t'il d'autres paramètres à modifier dans d'autres fichiers?
merci de votre patience avec moi

[zazze69]

Bonjour, le deuxieme lien ne fonctionne pas?

Je suis allé dans tes accessoires, que veux tu changer je pourrais peut être t'aider j'utilise presta aussi.