PrestaShop Forum

The best place in the world to ask questions about PrestaShop and get advice from our passionate community!

PrestaShop Forum

Jump to content

[Module]GalleryView2.0

73 replies to this topic
#1
sealence

    PrestaShop Newbie

  • Members
  • Pip
  • 10 posts
This is my first module for Prestashop. This module is only a simple wrapper of GalleryView: A jQuery Content Gallery Plugin . Great thanks to Jack Anderson.

http://spaceforaname.com/galleryview

More details will coming soon at my blog:

http://sealence.x10h...wordpress/?p=74

HowTO:

1. To change your images, just edit the jgalleryview.tpl file and put your images in the [slides] directory.

2. To change the size of this block, modify the panel_width and panel_height in galleryview_start.js of [assets] directory.

Demo:
http://astyle.jlkfree.com

Attached Files



#2
dulux

    PrestaShop Apprentice

  • Members
  • PipPip
  • 68 posts
nice, thanks

#3
dulux

    PrestaShop Apprentice

  • Members
  • PipPip
  • 68 posts
Hi, is it possible without "the shade" at the end of each photo?

#4
sealence

    PrestaShop Newbie

  • Members
  • Pip
  • 10 posts

From 1251099913:

Hi, is it possible without "the shade" at the end of each photo?


Sure, edit the galleryview.css and change
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

to whatever you like. :)

#5
jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2706 posts
Thanks for this contribution, added to our Prestashop Modules List on http://www.prestatools.com.

What about compatibility? PS1.1, PS1.2?

#6
dulux

    PrestaShop Apprentice

  • Members
  • PipPip
  • 68 posts
ps 1.2 tested and ok

#7
sealence

    PrestaShop Newbie

  • Members
  • Pip
  • 10 posts

From 1251101609:

Thanks for this contribution, added to our Prestashop Modules List on http://www.prestatools.com.

What about compatibility? PS1.1, PS1.2?


Should works for both PS1.1 and PS1.2

#8
Delara

    PrestaShop Newbie

  • Members
  • Pip
  • 4 posts
Work well here too :-p

Btw, how much picture it can had? And, can it be had a 'backlink' pointing (like hyperlink) to 'Product link descriptions' on my site?

Best Regards,
Dean - Indonesia
My shop, not yet published ;-)

Delara Supershop (Still on the go :-p)

#9
sealence

    PrestaShop Newbie

  • Members
  • Pip
  • 10 posts

From 1251219040:

Work well here too :-p

Btw, how much picture it can had? And, can it be had a 'backlink' pointing (like hyperlink) to 'Product link descriptions' on my site?

Best Regards,
Dean - Indonesia


There is no limit for pictures, and you can add links whatever you like, just edit the template:






or add links in the span area:

this is an overlay too


#10
Docicz

    PrestaShop Apprentice

  • Members
  • PipPip
  • 34 posts
good job:)

#11
Suraj

    PrestaShop Apprentice

  • Members
  • PipPip
  • 50 posts
hi thanks for the good mod.

but why my images are not showed in a full size. my image are 929px × 622px and when i right click on the big image not thumbinals from my webpage it shows this Image Dimensions: 929px × 622px (scaled to 456px × 305px).

how can i change the height and width of the images.

thanks

#12
sealence

    PrestaShop Newbie

  • Members
  • Pip
  • 10 posts

From 1251622992:

hi thanks for the good mod.

but why my images are not showed in a full size. my image are 929px × 622px and when i right click on the big image not thumbinals from my webpage it shows this Image Dimensions: 929px × 622px (scaled to 456px × 305px).

how can i change the height and width of the images.

thanks


To change the size of this block, modify the panel_width and panel_height in galleryview_start.js of [assets] directory.

$(document).ready(function(){
$('#gallery').galleryView({
panel_width: 929,
panel_height: 622,
frame_width: 100,
frame_height: 100,
transition_speed: 350,
easing: 'easeInOutQuad'
});
});


Reinstall the module to take effect.

#13
sealence

    PrestaShop Newbie

  • Members
  • Pip
  • 10 posts

From 1251622992:

hi thanks for the good mod.

but why my images are not showed in a full size. my image are 929px × 622px and when i right click on the big image not thumbinals from my webpage it shows this Image Dimensions: 929px × 622px (scaled to 456px × 305px).

how can i change the height and width of the images.

thanks


To change the size of this block, modify the panel_width and panel_height in galleryview_start.js of [assets] directory.

$(document).ready(function(){
$('#gallery').galleryView({
panel_width: 929,
panel_height: 622,
frame_width: 100,
frame_height: 100,
transition_speed: 350,
easing: 'easeInOutQuad'
});
});


Then reinstall the module to take effect.

Thanks

#14
Suraj

    PrestaShop Apprentice

  • Members
  • PipPip
  • 50 posts
thanks sealence now it is working.

#15
sealence

    PrestaShop Newbie

  • Members
  • Pip
  • 10 posts
A demo site is available here: http://astyle.jlkfree.com

Thanks

#16
hyuga75

    PrestaShop Newbie

  • Members
  • Pip
  • 19 posts
Thanks Sealance for your module, its very nice!

I regret i cant use it because it doesent work on my computer (XP, internet explorer 7 or Mozilla firefox 3 for example)
I ve got all the picture one under one.

Someone can help me to fix that ?

My prestashop version is 1.2

#17
sealence

    PrestaShop Newbie

  • Members
  • Pip
  • 10 posts

From 1251873955:

Thanks Sealance for your module, its very nice!

I regret i cant use it because it doesent work on my computer (XP, internet explorer 7 or Mozilla firefox 3 for example)
I ve got all the picture one under one.

Someone can help me to fix that ?

My prestashop version is 1.2


Maybe you should try a "Refresh"(F5) in your browser and make sure JavaScript is enable.

The demo site: http://astyle.jlkfree.com is also PS1.2 and you could give it a try.

#18
hyuga75

    PrestaShop Newbie

  • Members
  • Pip
  • 19 posts
I refreshed it many times its not ok

And i've got js because your demo works

#19
sealence

    PrestaShop Newbie

  • Members
  • Pip
  • 10 posts

From 1251877781:

I refreshed it many times its not ok

And i've got js because your demo works


I suspect there maybe some js conflicts with this module, could you try to remove any addition modules? If you have firebug installed in Firefox, I think you will find some clues in the Console Tab.

#20
hyuga75

    PrestaShop Newbie

  • Members
  • Pip
  • 19 posts
hi

what do you mean about "remove any adding tools" ?