Page 1 of 1

Pinterest "Pin It" buttons on image hover?

Posted: Sun Jun 29, 2014 5:03 pm
by smashtransit
Hey all! Just wondering if anyone's ever explored doing a "pin it" on-hover extension. A colleague asked about it, but I'm not finding anything other than the traditional Pinterest share buttons.

I guess they just call it an "on hover pin it button."

Reference & info: https://developers.pinterest.com/on_hov ... t_buttons/

I'm not inclined to customize our site for this unless it's straightforward, but it'd be a nice vqmod extension if there's nothing available.

Any insight is appreciated. Thanks!

Re: Pinterest "Pin It" buttons on image hover?

Posted: Sun Jun 29, 2014 7:45 pm
by labeshops
Just need to add 1 line to your footer.tpl template just before the closing body and html tags:

Code: Select all

<script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>	
The pin it button will display on every image on your store this way. I use it on mine.

Re: Pinterest "Pin It" buttons on image hover?

Posted: Mon Jun 30, 2014 12:06 am
by Cue4cheap
Labeshops,

Could you expound? What extension are you using to integrate pinterest onto your store?
Thanks,
Mike

Re: Pinterest "Pin It" buttons on image hover?

Posted: Mon Jun 30, 2014 12:23 am
by labeshops
Just put that single line in your footer. It gives every image a "pin" it button when you hover over it. No extension. Just that line.

Re: Pinterest "Pin It" buttons on image hover?

Posted: Mon Jun 30, 2014 12:41 am
by Cue4cheap
Well that was easy!!!
Thanks!

Mike

Re: Pinterest "Pin It" buttons on image hover?

Posted: Mon Jun 30, 2014 2:40 am
by labeshops
Lol no problem :)

Re: Pinterest "Pin It" buttons on image hover?

Posted: Mon Jun 30, 2014 4:13 pm
by smashtransit
Thanks so much for that, easy-peasy and works like a charm.

Re: Pinterest "Pin It" buttons on image hover?

Posted: Tue Jul 01, 2014 1:58 am
by irinah
That was brilliant! Thank you!!!!

Re: Pinterest "Pin It" buttons on image hover?

Posted: Wed Jul 23, 2014 8:55 pm
by sphcrts
I need to do this too, where do I find the code/footer? Please help!

Re: Pinterest "Pin It" buttons on image hover?

Posted: Thu Jul 24, 2014 12:30 am
by sphcrts
I need to do this for someone, how do I access the footer file??

Re: Pinterest "Pin It" buttons on image hover?

Posted: Sat Jul 26, 2014 8:36 pm
by labeshops
Use a ftp program and edit your template/common/footer.tpl