Okay
  Print

How to use "Share" facebook button instead of "Like" in image lightbox?

In order to use "Share" facebook button in lightbox popup instead of "Like" please edit file:

division\jackbox\modules\jackbox_social.php

and go to line number 180 which looks like this:

/* FACEBOOK */
 $facebook = '<div id="facebook" class="container"><span id="facebook-mask"></span><div id="fb-root"></div><div class="fb-like" data-href="{socialToShare}" data-send="false" data-layout="button" data-show-faces="false" data-font="segoe ui"></div></div>';

and replace this whole code with this one:

/* FACEBOOK */
$facebook = '<div id="facebook" class="container"><span id="facebook-mask"></span><div id="fb-root"></div><div class="fb-share-button" data-href="{socialToShare}" data-send="false" data-layout="button" data-show-faces="false" data-font="segoe ui"></div></div>';


In the same file on line 112 which looks like this:

#facebook-mask, #facebook {
width: 46px;

adjust the width of facebook button to "auto":

#facebook-mask, #facebook {
width: auto;

or any other width e.g 100px to make it look good.

and save file.