[MODULE] Thumb Popup - Free Modules & Themes - PrestaShop

Jump to content

Photo

[MODULE] Thumb Popup

#1

Posted 30 June 2010 - 03:10 AM

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 Active Posts
after awhile without posting a module, now im back with new module and of course its free to you all

well this module is another image enlarger, so when user mouse over the thumb image then the larger image will come in the popup. the popup itself will take position relative to your mouse pointer / screen size.
enjoy and see a live demo at chenoel.com. special credit to razaro for helping me out

note: now its worked with jQuery 1.2.6 (ps default), no need to update your jQuery

WARNING:
this module is a thankyouware so say thank you is a must and send some donation is a hope

Attached Files


[mod-id] Prestashop for Indonesian

kartunama.biz chenoel.com

phpMyAdmin / File Explorer / Thumb Popup
please send donation to support me making free modules. check my profile for complete module list

#2

Posted 30 June 2010 - 03:20 AM

Ehinarr

    Sir

  • Members
  • PipPipPipPip
  • 1207 Active Posts
Thanks for sharing your module. Just one question: How do the image disappears (close)?

 


#3

Posted 30 June 2010 - 03:24 AM

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 Active Posts
when mouse out should be close itself
[mod-id] Prestashop for Indonesian

kartunama.biz chenoel.com

phpMyAdmin / File Explorer / Thumb Popup
please send donation to support me making free modules. check my profile for complete module list

#4

Posted 30 June 2010 - 06:04 AM

jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2888 Active Posts
THANK YOU !

Works but they are somme problems updating jQuery ( Ajax cart and other problems )

Join request for update:

http://www.prestasho...cker/view/3304/
PS 1.3.7.0

#5

Posted 30 June 2010 - 07:51 AM

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 Active Posts
yeah ive notice it last night... :(
sure im gonna vote for this
[mod-id] Prestashop for Indonesian

kartunama.biz chenoel.com

phpMyAdmin / File Explorer / Thumb Popup
please send donation to support me making free modules. check my profile for complete module list

#6

Posted 30 June 2010 - 05:00 PM

razaro

    PrestaShop Fanatic

  • SPAM Mod
  • PipPipPipPip
  • 1459 Active Posts
I changed this code in thumbpopup.js from
//Attach hover events that manage the popup        $(this)        .hover(setPopup)        .mousemove(updatePopupPosition)        .mouseleave(hidePopup);


to
//Attach hover events that manage the popup        $(this)        .hover(setPopup,hidePopup)        .mousemove(updatePopupPosition);


And now it is working with Prestashop jQuery 1.2.6 .
Also it is hiding image correctly and doesn't report any js error for me.

#7

Posted 30 June 2010 - 10:29 PM

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 Active Posts
@razaro
well, again thank you from the bottom of my heart... people razaro is one of the best js programer ive ever know, he always clean-up my mess :kiss:
[mod-id] Prestashop for Indonesian

kartunama.biz chenoel.com

phpMyAdmin / File Explorer / Thumb Popup
please send donation to support me making free modules. check my profile for complete module list

#8

Posted 01 July 2010 - 06:39 AM

jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2888 Active Posts
strange I don't have exactly the same code

//Attach hover events that manage the popup        $(this)        .hover(setPopup)        .mousemove(updatePopupPosition)        .mouseout(hidePopup);



Modify the code is OK but the Popup doesn't close when mouse out !!!
PS 1.3.7.0

#9

Posted 01 July 2010 - 06:43 AM

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 Active Posts
change it like razaro trick...
already fixed on v0.2
[mod-id] Prestashop for Indonesian

kartunama.biz chenoel.com

phpMyAdmin / File Explorer / Thumb Popup
please send donation to support me making free modules. check my profile for complete module list

#10

Posted 01 July 2010 - 06:52 AM

jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2888 Active Posts
OK with new file
PS 1.3.7.0

#11

Posted 01 July 2010 - 06:56 AM

razaro

    PrestaShop Fanatic

  • SPAM Mod
  • PipPipPipPip
  • 1459 Active Posts
jolvil

Can you post/PM link to your website to check it out or is it on local server ?

EDIT: OK I see you fixed :-)

#12

Posted 01 July 2010 - 07:23 AM

jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2888 Active Posts
I've just noticed a little problem with another very popular module: MGC Home Carrousel http://www.prestasho...iewthread/10924 . Pictures of this module popup but they should'nt and they do it a bad way.
PS 1.3.7.0

#13

Posted 01 July 2010 - 08:05 AM

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 Active Posts
@jolvil
url please so i can check it out
[mod-id] Prestashop for Indonesian

kartunama.biz chenoel.com

phpMyAdmin / File Explorer / Thumb Popup
please send donation to support me making free modules. check my profile for complete module list

#14

Posted 01 July 2010 - 09:08 AM

jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2888 Active Posts
OK, change in thumbpopup.js

popupCSS: {'border': '1px solid #000000', 'background': '#FFFFFF'},

to

popupCSS: {'border': '1px solid #000000', 'background': '#FFFFFF', 'z-index': '999'},

is a bit better but should be better with no pop up on it
PS 1.3.7.0

#15

Posted 01 July 2010 - 10:29 AM

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 Active Posts
#thumbPopup { z-index:250; }

put this on your global.css
[mod-id] Prestashop for Indonesian

kartunama.biz chenoel.com

phpMyAdmin / File Explorer / Thumb Popup
please send donation to support me making free modules. check my profile for complete module list

#16

Posted 01 July 2010 - 10:46 AM

jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2888 Active Posts

#thumbPopup { z-index:250; }

put this on your global.css



It works but the not better than css in thumbpopup.js wich is more usefull because don't need to change global.css when install the module.



I prefer to not have a pop up with a similar image in size on MGC Home Carrousel module, how to not have the popup on these pictures when thumb popup is runing?
PS 1.3.7.0

#17

Posted 01 July 2010 - 11:07 AM

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 Active Posts
the problem is carousel and featured product using same class (.product_image)
so to made popup didnt shown on carousel is simple just rename the class name on the tpl file

take a look on thumbpopup.tpl
$('a.product_image img, a.product_img_link img').thumbPopup({


this line handle wich container is gonna popup when mouse-over
[mod-id] Prestashop for Indonesian

kartunama.biz chenoel.com

phpMyAdmin / File Explorer / Thumb Popup
please send donation to support me making free modules. check my profile for complete module list

#18

Posted 01 July 2010 - 11:47 AM

jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2888 Active Posts
OK thanks, I just removed one.

I think it could be interesting to set up in admin wich class or classes are going to be used for this module. What do you think about?
PS 1.3.7.0

#19

Posted 01 July 2010 - 12:17 PM

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 Active Posts
maybe on next version
[mod-id] Prestashop for Indonesian

kartunama.biz chenoel.com

phpMyAdmin / File Explorer / Thumb Popup
please send donation to support me making free modules. check my profile for complete module list

#20

Posted 01 July 2010 - 02:23 PM

ysco

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 1405 Active Posts
Thanks caparuni for this module.
Will try it out, also thanks to razaro.

ysco..


0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cookies help us deliver our services. By using our services, you agree to use our cookies.     Learn more