Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

Riallineare slide prodotti in scheda prodotto
 
kerberos5
Jr. Member
 
Total Posts:  15
Joined:  2010-11-24
 

Ciao a tutti..
sto sviluppando un negozio con magento utilizzando Gala Eva Theme… sono arrivato a un buon punto ma nella scheda prodotto ho un problema con le slide!! nel senso quando inserisco un qualsiasi plugin le miniature si spostano tutte in basso… andando ad accavallarsi a quello che c’è subito sotto.... La mia domanda è: Posso agire fisicamente sul codice e modificare la scheda prodotto in modo tale di mettere le miniature in orizzontale sotto la slide principale? dove dovrei aggire il tal caso?

effetto descritto inserendo plugin:
http://lavicouture.com/briona-senape.html

grazie in anticipo

 
Magento Community Magento Community
Magento Community
Magento Community
 
kerberos5
Jr. Member
 
Total Posts:  15
Joined:  2010-11-24
 

Risolto in maniera un po sporca! copiando la parte di css relativa alla scheda prodotto e le miniature si sono allineate esattamente questa parte:

/* qui ho inserito tutto il blocco css di modern per sistemare l'effetto delle miniature.... */
.product-view .product-img-box { float:leftwidth:302px}
.col3-layout .product-view .product-img-box { float:nonemargin:0 auto}
.product-view .product-img-box .product-image { margin:0 0 10pxborder:1px solid #cacaca; }
.product-view .product-img-box .product-image-zoom { position:relativewidth:300pxheight:300pxoverflow:hiddenz-index:9}
.product-view .product-img-box .product-image-zoom img { position:absoluteleft:0top:0cursor:move}
.product-view .product-img-box .zoom-notice { margin:0 0 10pxtext-align:center}
.product-view .product-img-box .zoom { position:relativez-index:9height:24pxmargin:0 auto 13pxpadding:0 28pxbackground:url(../images/slider_bg.gif5050no-repeatcursor:pointer}
.product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3}
.product-view .product-img-box .zoom #track { position:relative; height:18px; }
.product-view .product-img-box .zoom #handle { position:absolute; left:0; top:3px; width:9px; height:18px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat;  }
.product-view .product-img-box .zoom .btn-zoom-out { position:absoluteleft:10pxtop:7px}
.product-view .product-img-box .zoom .btn-zoom-in { position:absoluteright:10pxtop:7px}
.product-view .product-img-box .more-views h2 { font-size:10pxfont-weight:normalpadding:0 0 2pxborder-bottom:1px solid #ccc; margin:0 0 8px; text-transform:uppercase; }
.product-view .product-img-box .more-views ul { margin-left:-10px }
.product-view .product-img-box .more-views li { float:leftmargin:0 0 8px 10px}
.product-view .product-img-box .more-views li a { float:leftwidth:66pxheight:66pxborder:1px solid #ddd; overflow:hidden; }

.product-image-popup { margin:0 auto}
.product-image-popup .buttons-set { float:rightclear:noneborder:0margin:0padding:0}
.product-image-popup .nav { font-weight:boldmargin:0 100pxtext-align:center}
.product-image-popup .image { display:blockmargin:10px 0}
.product-image-popup .image-label { font-size:12pxfont-weight:boldmargin:0 0 10pxcolor:#2f2f2f; }
 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top