Vote to Improve PrestaShop

PrestaShop Forum: Build a free online shop. Count on the Community!

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

PrestaShop Forum: Build a free online shop. Count on the Community!

Jump to content

 
Photo

[MODULE] Thumb Popup


  • Please log in to reply
55 replies to this topic
caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 posts

Posted 30 June 2010 - 03:10 AM

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

Ehinarr

    Sir

  • Members
  • PipPipPipPip
  • 1201 posts

Posted 30 June 2010 - 03:20 AM

Thanks for sharing your module. Just one question: How do the image disappears (close)?

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 posts

Posted 30 June 2010 - 03:24 AM

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

jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2840 posts

Posted 30 June 2010 - 06:04 AM

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

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 posts

Posted 30 June 2010 - 07:51 AM

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

razaro

    PrestaShop Fanatic

  • SPAM Mod
  • PipPipPipPip
  • 1214 posts

Posted 30 June 2010 - 05:00 PM

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.

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 posts

Posted 30 June 2010 - 10:29 PM

@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

jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2840 posts

Posted 01 July 2010 - 06:39 AM

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

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 posts

Posted 01 July 2010 - 06:43 AM

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

jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2840 posts

Posted 01 July 2010 - 06:52 AM

OK with new file
PS 1.3.7.0

razaro

    PrestaShop Fanatic

  • SPAM Mod
  • PipPipPipPip
  • 1214 posts

Posted 01 July 2010 - 06:56 AM

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 :-)

jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2840 posts

Posted 01 July 2010 - 07:23 AM

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

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 posts

Posted 01 July 2010 - 08:05 AM

@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

jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2840 posts

Posted 01 July 2010 - 09:08 AM

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

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 posts

Posted 01 July 2010 - 10:29 AM

#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

jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2840 posts

Posted 01 July 2010 - 10:46 AM

#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

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 posts

Posted 01 July 2010 - 11:07 AM

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

jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2840 posts

Posted 01 July 2010 - 11:47 AM

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

caparuni

    PrestaShop Apprentice

  • Members
  • PipPip
  • 294 posts

Posted 01 July 2010 - 12:17 PM

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

ysco

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 1300 posts

Posted 01 July 2010 - 02:23 PM

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