This is my first module for Prestashop, the awesome online open-source e-Commerce shopping system. This module is only a simple wrapper of GalleryView: A jQuery Content Gallery Plugin . Great thanks to Jack Anderson.
The archive will be uploaded to the forums of Prestashop(Download here).

To change your images, just edit the jgalleryview.tpl file and put your images in the [slides] directory.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <div id="galleryviewHolder" align="center" style="padding:0 0 10px 0;overflow: hidden; clear:both">
<div id="wrap">
<ul id=gallery>
<li><span class=panel-overlay>this is an overlay</span><img
src="{$module_dir}slides/01.jpg">
<li><span class=panel-overlay>this is another overlay</span><img
src="{$module_dir}slides/02.jpg">
<li><span class=panel-overlay>this is yet another overlay</span><img
src="{$module_dir}slides/03.jpg">
<li><span class=panel-overlay>this is an overlay too</span><img
src="{$module_dir}slides/04.jpg">
<li><span class=panel-overlay>this is an overlay</span><img
src="{$module_dir}slides/05.jpg">
<li><span class=panel-overlay>this is another overlay</span><img
src="{$module_dir}slides/06.jpg">
<li><span class=panel-overlay>this is yet another overlay</span><img
src="{$module_dir}slides/07.jpg">
<li><span class=panel-overlay>this is an overlay too</span><img
src="{$module_dir}slides/08.jpg">
</ul>
</div>
</div> |
To change the size of this block, modify the panel_width and panel_height in galleryview_start.js of [assets] directory.
1
2
3
4
5
6
7
8
9
10
| $(document).ready(function(){
$('#gallery').galleryView({
panel_width: 500,
panel_height: 188,
frame_width: 100,
frame_height: 100,
transition_speed: 350,
easing: 'easeInOutQuad'
});
}); |