Tagged: , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 29, 2013 at 9:04 pm #182228
    hodgsondesign

    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.

    October 30, 2013 at 3:32 am #182319
    Ismael

    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

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Add social share functions to light boxes and theme in general’ is closed to new replies.