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