Pb d'affichage des miniatures de la fiche produit

[mojorisen]

Bonjour,

 

Mes miniatures de la fiche produit ne s'affiche plus sur une ligne avec le défilement gauche/droite, mais les une au dessus des autres et sans défilement.

Elle apparaissent toutes, ce qui peut faire un gros pavé.

Je ne sais pas du tout comment régler le problème ni même dans quel fichier je dois regarder.

 

Lien pour visualiser une capture d'écran du problème

http://www.eness-broderie.fr/Capture.PNG

 

Merci d'avance a tous ceux qui prendront le temps de ce pencher sur mon problème.

 

Edit: je viens de trouver que cela viens visiblement du global.css puisque lorsque j'upload un global.css d'un autre thème mon site est certes en vrac mais le scroll des miniatures refonctionne.

Mais je ne vois du tout ce qu'il faut faire sur mon fichier de mon theme

Edited January 14, 2014 by mojorisen (see edit history)

[mojorisen]

Voici un bout du code et je pense que mon soucis pourrait venir de la puisque 2793px devrait plutot etre 793px je pense

mais je ne sais pas ou modifier ça.

je cherche dans un peu tous les fichier en mais en vain

 

<ul id="thumbs_list_frame" style="width: 2793px;">

<li id="thumbnail_172" style="display: list-item;">

<a href="http://www.eness-broderie.fr/img/p/37-172-thickbox.jpg" rel="other-views" class="thickbox" title="Spirale">

<img id="thumb_172" src="http://www.eness-broderie.fr/img/p/37-172-medium.jpg" alt="Spirale" height="80" width="80">

</a>

</li>

<li id="thumbnail_173" style="display: list-item;">

<a href="http://www.eness-broderie.fr/img/p/37-173-thickbox.jpg" rel="other-views" class="thickbox shown" title="Spirale Coeur Classique">

<img id="thumb_173" src="http://www.eness-broderie.fr/img/p/37-173-medium.jpg" alt="Spirale Coeur Classique" height="80" width="80">

</a>

</li>

<li id="thumbnail_174" style="display: list-item;">

<a href="http://www.eness-broderie.fr/img/p/37-174-thickbox.jpg" rel="other-views" class="thickbox" title="Spirale Coeur GM">

<img id="thumb_174" src="http://www.eness-broderie.fr/img/p/37-174-medium.jpg" alt="Spirale Coeur GM" height="80" width="80">

</a>

</li>

<li id="thumbnail_175" style="display: list-item;">

<a href="http://www.eness-broderie.fr/img/p/37-175-thickbox.jpg" rel="other-views" class="thickbox" title="Spirale Coeur PM">

<img id="thumb_175" src="http://www.eness-broderie.fr/img/p/37-175-medium.jpg" alt="Spirale Coeur PM" height="80" width="80">

</a>

</li>

<li id="thumbnail_176" style="display: list-item;">

<a href="http://www.eness-broderie.fr/img/p/37-176-thickbox.jpg" rel="other-views" class="thickbox" title="Spirale Etoile">

<img id="thumb_176" src="http://www.eness-broderie.fr/img/p/37-176-medium.jpg" alt="Spirale Etoile" height="80" width="80">

</a>

</li>

<li id="thumbnail_177" style="display: list-item;">

<a href="http://www.eness-broderie.fr/img/p/37-177-thickbox.jpg" rel="other-views" class="thickbox" title="Spirale Goutte d'eau GM">

<img id="thumb_177" src="http://www.eness-broderie.fr/img/p/37-177-medium.jpg" alt="Spirale Goutte d'eau GM" height="80" width="80">

</a>

</li>

<li id="thumbnail_178" style="display: list-item;">

<a href="http://www.eness-broderie.fr/img/p/37-178-thickbox.jpg" rel="other-views" class="thickbox" title="Spirale Goutte d'eau PM">

<img id="thumb_178" src="http://www.eness-broderie.fr/img/p/37-178-medium.jpg" alt="Spirale Goutte d'eau PM" height="80" width="80">

</a>

</li>

<li id="thumbnail_179" style="display: list-item;">

<a href="http://www.eness-broderie.fr/img/p/37-179-thickbox.jpg" rel="other-views" class="thickbox" title="Spirale Losange">

<img id="thumb_179" src="http://www.eness-broderie.fr/img/p/37-179-medium.jpg" alt="Spirale Losange" height="80" width="80">

</a>

</li>

<li id="thumbnail_180" style="display: list-item;">

<a href="http://www.eness-broderie.fr/img/p/37-180-thickbox.jpg" rel="other-views" class="thickbox" title="Spirale Ronde">

<img id="thumb_180" src="http://www.eness-broderie.fr/img/p/37-180-medium.jpg" alt="Spirale Ronde" height="80" width="80">

</a>

</li>

</ul>

 

EDIT: Apres verif et de nombreux essais ils semblerait que le soucis vien bien du global.css mais ou? la est la question...

Edited January 14, 2014 by mojorisen (see edit history)

[Divine]

Bonjour,

Peux-tu nous indiquer l'URL de ta boutique pour voir directement le souci ?

[mojorisen]

voici une url qui illustre bien le problème

 

http://www.eness-broderie.fr/product.php?id_product=37

[mojorisen]

Lorsque je met le global.css du thème par default sur mon site, il est désordonné (normale) mais je constate que je récupère, les miniatures de la fiche produit, horizontal et avec le scrolling.

Ce que je ne comprends pas, c'est que le code concernant les "thumbs" sont exactement les même sur les 2 fichier *.css

 

 

/* views block */

#views_block {

margin: 0 auto;

width: 290px

}

#thumbs_list {

overflow: hidden;

float: left;

width: 255px

}

#thumbs_list ul {

padding-left: 0;

list-style-type: none;

margin-top: 5px

}

#thumbs_list li {

float: left;

cursor: pointer;

width: 80px;

height: 80px;

margin-right: 5px

}

#view_scroll_left, #view_scroll_right {

background: url('../img/thumbs_left.gif') no-repeat center;

text-indent: -3000px;

width: 9px;

height: 18px;

float: left;

margin-top: 30px;

padding-right: 4px;

padding-left: 4px

}

#view_scroll_right { background-image: url('../img/thumbs_right.gif') }

span.view_scroll_spacer {

float: left;

width: 17px;

height: 80px

}

 

 

Mon problème viens d'autre ligne de mon *.css et je ne sait donc pas du tout ou je dois changer quoi afin de récupéré mon affichage des miniatures sur mon thème.

Edited January 14, 2014 by mojorisen (see edit history)