Suggestions

Hello mnybom,

When I check your website the plugin Css and Js files loads properly, but on images required class is notable to find, so there is two possibilities.

1) Your cache plugin (try to remove current cached pages)
2) Image inserting method (is that using any other plugin to insert images to the pages?. Or in the plugin option, did you setup any width limit on plugin options ?)

Hello Mending,

If I understand correctly your requirement is something like , alter the share title with current Image “alt tag” or “title tag”
.

First you have to go to wwm_custom.js and unpack it , you can find the file in following path
wp-content/plugins/wwm-social-share/js/wwm_custom.js
The alter the following execute_wwmfun() like below.

function execute_wwmfun(e) {
    var t = jQuery('meta[property="og:image"]').attr("content");
    var n = jQuery('meta[name="og:description"]').attr("content");
    var r = jQuery('meta[name="description"]').attr("content");
   // var i = WWWM_FilterData(jQuery('meta[name="og:title"]').attr("content")); You can comment this line This is for picking default og:title as share title

    if (jQuery.trim(i) == "") var s = WWWM_FilterData(jQuery("title").text());
    else var s = i;

	var i = WWWM_FilterData(jQuery(e).parent().prev("img").attr("alt")); // Add this new line in this place and forcefully push to read image Alt tag or title tag based on your requirement

    var o = WWWM_FilterData(n);
    var u = jQuery(e).parent().prev("img").attr("src");
    var a = document.location.href;
    var f = WWWM_FilterData(r);
    var l = "";
    if (jQuery.trim(u) == "") u = t;
    if (jQuery.trim(n) == "") o = s;
    if (jQuery.trim(r) == "") r = s;
    if (jQuery(e).hasClass("wwm_facebook")) {
        wwm_fb_share(s, a, u, f, o)
    }
    if (jQuery(e).hasClass("wwm_twitter")) {
        var l = "http://twitter.com/home?status=" + escape(s) + "+" + encodeURIComponent(a);
        wwm_common_share(l)
    }
    if (jQuery(e).hasClass("wwm_gplus")) {
        var l = "https://plus.google.com/share?url=" + encodeURIComponent(a);
        wwm_common_share(l)
    }
    if (jQuery(e).hasClass("wwm_pinit")) {
        var l = "http://pinterest.com/pin/create/bookmarklet/?media=" + encodeURIComponent(u) + "&url=" + encodeURIComponent(a) + "& is_video=false&description=" + o;
        wwm_common_share(l)
    }
    if (jQuery(e).hasClass("wwm_tumblr")) {
        var l = "http://www.tumblr.com/share/photo?source=" + encodeURIComponent(u) + "&caption=" + o + "&clickthru=" + encodeURIComponent(a);
        wwm_common_share(l)
    }
    if (jQuery(e).hasClass("wwm_linked")) {
        var l = "http://www.linkedin.com/shareArticle?mini=true&url=" + encodeURIComponent(a) + "&title=" + s + "&source=" + encodeURIComponent(a);
        wwm_common_share(l)
    }
}

Hope its works for you! Make sure to clear the browser cache and plugin cache.

Hello Mending,
Its difficult bcoz each sites have different structure for their image caption. so writing a common plugin will not work that way, If you can share site url I will check structure and alter Js files for you.

From back end its keep same standard, the caption field is displaying on front may change based on template basically structure like some templates use the caption just below image in a “span” , some other template use like a separate box under image for the caption.

So when we come to a plugin, for front its difficult to understand common strategies , that is why I ask your URL based on that I will recommend customization for your site.
Hope its clear for you.

Hello Mending,

You can try this , Form your HTML structure used the codes , first unpack the JS and replace the function execute_wwmfun(e) with following codes.

function execute_wwmfun(e) {
    var t = jQuery('meta[property="og:image"]').attr("content");
    var n = jQuery('meta[name="og:description"]').attr("content");
    var r = jQuery('meta[name="description"]').attr("content");
   // var i = WWWM_FilterData(); You can comment this line This is for picking default og:title as share title

    if (jQuery.trim(i) == "") var s = WWWM_FilterData(jQuery("title").text());
    else var s = i;

	var i = WWWM_FilterData(jQuery(e).parent().parent().next('span.gallery-caption').text();); // Add this new line in this place and forcefully push to read image caption based on your requirement

    var o = WWWM_FilterData(n);
    var u = jQuery(e).parent().prev("img").attr("src");
    var a = document.location.href;
    var f = WWWM_FilterData(r);
    var l = "";
    if (jQuery.trim(u) == "") u = t;
    if (jQuery.trim(n) == "") o = s;
    if (jQuery.trim(r) == "") r = s;
    if (jQuery(e).hasClass("wwm_facebook")) {
        wwm_fb_share(s, a, u, f, o)
    }
    if (jQuery(e).hasClass("wwm_twitter")) {
        var l = "http://twitter.com/home?status=" + escape(s) + "+" + encodeURIComponent(a);
        wwm_common_share(l)
    }
    if (jQuery(e).hasClass("wwm_gplus")) {
        var l = "https://plus.google.com/share?url=" + encodeURIComponent(a);
        wwm_common_share(l)
    }
    if (jQuery(e).hasClass("wwm_pinit")) {
        var l = "http://pinterest.com/pin/create/bookmarklet/?media=" + encodeURIComponent(u) + "&url=" + encodeURIComponent(a) + "& is_video=false&description=" + o;
        wwm_common_share(l)
    }
    if (jQuery(e).hasClass("wwm_tumblr")) {
        var l = "http://www.tumblr.com/share/photo?source=" + encodeURIComponent(u) + "&caption=" + o + "&clickthru=" + encodeURIComponent(a);
        wwm_common_share(l)
    }
    if (jQuery(e).hasClass("wwm_linked")) {
        var l = "http://www.linkedin.com/shareArticle?mini=true&url=" + encodeURIComponent(a) + "&title=" + s + "&source=" + encodeURIComponent(a);
        wwm_common_share(l)
    }
}

Hope its works..