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' }); }); |
Hi,
thank you very much for your great job here.
I just tested your module, it works.
And now I want to change the size of the block, I changed the code to “panel_width: 800, ” but the size of the width just change to 560 around.
And I also want to add a link for the large image, any ideas?
Thanks
Alex
Alex,
If you want to change the size, you have to keep the scale of height and width. eg, change the width to 800 and height to 300.
And you can add links whatever you like, just edit the template:
<a href="yourURL" rel="nofollow"><img src="{$module_dir}slides/04.jpg"/></a>or add links in the span area:
See a DEMO here: http://astyle.jlkfree.com
hi there, just wondering if we can use this with individual product pages or is it just the home page?
thank you
@ila, it’s just the home page.
“To change your images, just edit the jgalleryview.tpl file and put your images in the [slides] directory.”
I performed the aforementioned steps, but cannot get my images to display. Any suggestions? Are there specific modifications I’m supposed to make to jgalleryview.tpl file? I even changed file permissions to 0777 in slides directory.
Hi, Thanks for sharing this wonderful module. It works perfectly. But I have a small issue. A question mark is displayed briefly before the slide appears. Do you know what has caused this?
Sealence,
I can’t find my reply from the other day anyway … I just want to know if you could help me with this module. I want to just have the filmstrip with link(and open a new window to the link) to the filmstrip, the pictures will be in thumbnail only 50×50 or 100×100
just like
http://spaceforaname.com/filmstrip.html
Does any one know what code to display the images from a folder. instead of listing each images directory. like below
this is an overlay
I want to use customised buttons for the next/prev within the dark folder. The buttons I want to use will need to be png. How and where do I specify the new buttons?
Thanks in advance.
@Iain Bunt,
You may check out the custom navigation theme from http://spaceforaname.com/gallery-customized.html
I work for a online community company and find your content quite handy with regard to work we are running.terrific work and look forward to a lot more website posts
I really don’t accept as true with this particular article. Even so, I had researched in Google and I have found out you are correct and I seemed to be thinking in the wrong way. Carry on creating quality articles similar to this.
Hi,
I installed this module, and managed to put it on the top of pages. My problem is that i can’t upload my images. I’ve tried to do as you suggested but no effect. Is there anything i am doing wrong?
Please help me i really need to work on it.
Thanks in advance.
Hello, everyone, I just came here, nice to meet you, welcome to visit my website and space, happy to be friends together with you, love your little Tom
Hello, everyone, I just came here, nice to meet up with you, welcome to visit this site and space, happy to be friends together with you, love your little Tom