[Resolved] Trouble with adding pinterest image hover button

[David]

So are you trying to add a button or the image hover effect which is what Harshit was trying to do?

[Gracie]

The hover effect… is that where’m going wrong?

[David]

Yeah it looks like the same issue that Harshit had, i had a quick look but couldn’t see the codes for the hover image. If you can find them then let me know.

[Gracie]

I think that’s what this page is for:

https://developers.pinterest.com/tools/widget-builder/?buttonType=imageHover&round=false&tall=false&language=en

You select “image hover” in the drop down menu and it amends the code to “data-pin-hover”

So I thiiiink the code is correct – it just doesn’t seem to be showing up anywhere. Could it be how I’m entering the code into elements?

Thanks David

[David]

Use the Hook Element > WP_Footer Hook 🙂

[Gracie]

Still doesn’t work… 🙁

Any other tips?

[David]

Did you set the display rules in the Hook?

[Gracie]

Yep – set to “entire site” (also tried “Media” which didn’t work either)…

[David]

So i just took this code:

<script async defer data-pin-hover="true" data-pin-lang="en" src="//assets.pinterest.com/js/pinit.js"></script>

added to wp_footer and entire site display rules and it worked?

If that don’t work i would need to see the site to see whats breaking.

[Gracie]

Ok – just tried something – I’ve been using “background images” within sections, rather than adding media into the content box. I changed one of the images from a background to an “image” and it works!

However – I’d rather keep the images as “background” images (i prefer the full width layout that I can’t seem to get with an inserted image).

Do you know if that’s possible?

Thank you David!

[David]

Aah that explains it. Background images are added with CSS, so they aren’t listed in the HTML so the script won’t find them. To do this would require custom development

[Gracie]

Oh bummer. Well as least it explains why it wasn’t working!

While I’m here – is it possible (I’m sure it is, I must just be doing something wrong) to make the images full width – like they look when saved as a background image?

[David]

Would you mind raising a new topic, it allows us and other users to find answers easier. You can use the Site URL field when raising a new topic to share the site link privately. Which would be handy for me to help provide a solution.

[Gracie]

ah yes, of course. Will do it later – thanks David 🙂

[David]

Thank you 🙂

[Author]

Posts