Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #182228

    It would be great if there was the ability to add social share icons to the light boxes, specifically I would love to add tweet, like with Facebook, share with Facebook and also pin it. I am a photographer so these social channels are key for my business and I would welcome them on the light boxes especially as I am now using the amazing masonry galleries which I love.

    A bones would be to also have the option globally and specifically on pages to also add these to each page on the site.

    Thanks in advance.

    #182319

    Hi hodgsondesign!

    You need to manually add the social buttons and provide the images. Edit js > avia.js, find this code:

    elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });

    For example, we will add a facebook button. Replace the code above with this:

    elements.prettyPhoto({ social_tools:'<div class="pp_social"><div class="facebook"><a href="facebook.com" class="facebook-button"></a></div></div>',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });

    Add this on your custom.css or Quick CSS:

    .pp_social .facebook .facebook-button {
    display: block;
    width: 20px;
    height: 20px;
    background: red;
    position: relative;
    margin-top: -15px;
    }
    
    .pp_social .facebook {
    overflow: visible;
    }

    You can replace the background with the facebook icon and replace the url with your account.

    Cheers!
    Ismael

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

You must be logged in to reply to this topic.