Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #11372

    I want to use the Masonry Flexible gallery for some of my galleries, I would like to add a Pinterest PinIt button under each image in the gray area beneath. I would also like to put in a share on facebook and tweet button as well.

    Has anyone accomplished this yet?

    If not, this is very important. Pinterest is a huge source of traffic.

    #71532

    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 flashlightincludeshelper-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

    #71533

    Thanks for the response! The pastebin ID is invalid. So I cant see the code for your helper-slideshow.php

    #71535

    Hey,

    I’ve modified the url, it should work now :)

    Regards,

    Chris

    #71536

    Hi Chris,

    I just tried replacing all the code as you’ve suggested and it did not work for me. It actually took my site down due to some error with “Line 79.” I put back all of the original code and the site is working fine.

    However, I have yet to find a good, straight-forward, and easy to understand explanation of how to add social media integration, such as a “Like It” button, “Pin It” button, and “Tweet It” button to the Flashlight theme. I would ideally like to add it to each of my portfolio entry items (each photo within the gallery/portfolio). Here is my site: http://CommonModel.com and here is where I would like to add the buttons: http://commonmodel.com/gallery/dmills/ and in blog post entries.

    I am a new developer (so I could be doing something wrong), but I have tried various plugins which do not seem to work well. I also tried searching for this on the Kriesi support boards, but could not find any good resolutions. Do you think your team could put together one manual on how to address the high demand by your users to share via social media? I think there would a lot of appreciative users.

    Thank you for your time! Your team is great with support and have always been helpful!

    #71537

    Hi commonmodel,

    I think it would be better to actually have something like that (permanent and built in) added with a theme update that way its supported across the board.

    I’ll forward the thread and code that Chris provided to Kriesi and see if he has a suggestion/would be willing to add it into the core files.

    Regards,

    Devin

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Masonry Gallery and Pinterest Facebook Twitter Integration’ is closed to new replies.