< Solved > Thumb List In One Line

[Vilas]

Hello Friends,

 

I wish to show product image thumb list in one line with Previous & Next options. Will be great if anyone suggest solution on it.

 

Below is an sample url on which I wish to show that thing.

 

 

3 Images visible with next & previous options & rest will be visible after clicking on respective next previous,.

 

Thanks

Edited September 23, 2013 by Vilas (see edit history)

[vekia]

remove width:100%!important; from:

#thumbs_list ul#thumbs_list_frame {
list-style-type: none;
padding-left: 0;
display: block;
width: 100%!important;
}

it's a part of this file: themes/default/css/product.css

[Vilas]

Dear Vekia,

 

Thanks for positive response. Did the same as suggested. But still next button is not appearing in one line. That is appearing in second line. Also I wish to show 3 images visible on thumblist. Rest will be shown after clicking on next previous option.

 

Thanks

[vekia]

use this code:
 

#view_scroll_right {
margin-top: 20px!important;
padding: 0 4px!important;
height: 18px!important;
width: 9px!important;
text-indent: -3000px!important;
background: url(../img/thumbs_left.gif) no-repeat center center transparent!important;
float: right!important;
top: -70px!important;
position: relative!important;
right: -50px!important;
}

in /themes/default/css/product.css near line 96 (just paste code somewhere)

 

 

effect:

[Vilas]

Did the same. Thumb issue solved. But one more issue arrived. Now there is blank space is appearing in between thumb list & next module useful links i.e. share on facebook etc... So is that possible to show those options next to these previous next button in one line?

 

So that everything will look good in one line.

 

What you suggest?

[Vilas]

Or you may suggest what will look better as there is too much empty space is there. i.e. down to price tab So is there something that can be done?

[vekia]

add height:100px to:

#pb-right-column #views_block {
margin-top: 10px;
width: 266px;
height: 100px;
}

it's a part of /themes/default/css/product.css line ~56

[Vilas]

Dear Vekia,

 

Many thanks for your kind support.

 

Will be great if you remove the above mentioned css website link which might be generate unwanted traffic through that.

 

Apologize for it.

 

Thanks once again for your kind support.

[vekia]

thank you for confirmation that everything works well.

i will remove all unwanted links

 

best regards

[Vilas]

Thanks once again for your kind support.

 

Have a nice time ahead.