Changing Multiple Images Display

[sagitario 2]

Hi,

 

I want to change the way that multiple images are show.

 

This is the normal show:

 

I pretend to put the thumbs in the right side of the image instead been on bottom.

 

This is what I pretend:

http://s18.postimg.org/7ir0jsh2h/img1.jpg[/img]

 

How can I do this?

 

Thanks in advance.

[imageanative 3]

http://multimixer.gr/ecommerce/learn/

[sagitario 2]

Hi,

 

That is a nice site!! But I can't find nothing related to Multiple Images thumbs display.

 

Regards,

[♥kymation 631]

Find this code in catalog/product_info.php:

 

<script type="text/javascript">
$('#piGal ul').bxGallery({
maxwidth: 300,
maxheight: 200,
thumbwidth: <?php echo (($pi_counter > 1) ? '75' : '0'); ?>,
thumbcontainer: 300,
load_image: 'ext/jquery/bxGallery/spinner.gif'
});
</script>

 

and replace it with:

 

<script type="text/javascript">
$('#piGal ul').bxGallery({
maxwidth: 300,
maxheight: 200,
thumbwidth: <?php echo (($pi_counter > 1) ? '75' : '0'); ?>,
thumbplacement: 'right',
thumbcontainer: 300,
load_image: 'ext/jquery/bxGallery/spinner.gif'
});
</script>

 

You will probably also need to change the CSS to make it look the way you want.

 

Regards

Jim

[sagitario 2]

Thank you kymation,

 

Thats only what I need to know.

 

Regards,