Hey,
I just spent a lot of time figuring this out. I hope it works.
Add this to your Quick CSS or custom.css to hide the Lightbox effect you'll get on the button.
.masonry-content .noLightbox span[style] {
display: none !important;
}
Add this piece of code I found to your functions.php to get the current page URL needed in the Pinterest button code.
function curPageURL() {
$pageURL = 'http';
if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
$pageURL .= "://";
if ($_SERVER["SERVER_PORT"] != "80") {
$pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
} else {
$pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
}
return $pageURL;
}
Add this before your closing head in header.php (not sure if it's needed but .. ah well, I'll just believe Pinterest)
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
And, because I forgot what I did in flashlight\includes\helper-slideshow.php I suggest you overwrite it with this code.
It works for me and I sure hope it works for you. I don't have a Pinterest account so I can't test it - but the link is correct. Let me know what happens.
Cheers,
Chris