Main menu
WalkswithMeWordPressSocial Share Icons On Image Hover

184 thoughts on “Social Share Icons On Image Hover

  1. Is it possible to change the caption, description, and forwarding URL that shows up when facebook is selected? It appears by default it takes this metadata from the page URL the image is on.

    Also, Twitter appears to share nothing but the image title and text, no image is linked to or attached.

    1. Hi,

      The meta data and other details like url are taken from page og tags, If you need to customize according to images or any other method you have to customize the JS file of the plugin.
      Twitter only shares URL not media, that required Oauth implementation and App creation and validation so that is not available with plugin.

  2. Hi,

    The feature that prevents the hover menu from appearing on ‘s with attribute width less than a specified with doesn’t seem to work. What am I doing wrong?

  3. Dears,
    Your plugin works great and I am so far very happy about it. There is just one exception, my logo is also shareable….and this is not ok. How can I exclude the logo from sharing?
    Logo size is 250×42
    I activated the option on width size disable to 260….not working…
    Thank you,
    Pierre

    1. Thanks for using my plugin, and I’m glad to know you like it.

      The problem with your logo size and plugin settings is the width should be image attribute like your logo should have a width attribute width= 250 then on the plugin settings it works well.
      The other option is you have to purchase PRO version.

      Thank you.

        1. I think you didn’t get my point correctly, Yes The image width is 250 but the issue is the plugin will works only image had an attribute width = 250 when you check the browser inspector there is no width attribute for your logo, so if it need to work you have to add a width=250 for your logo like image alt attribute.

          1. Just a last help please…
            Can you exactly tell me alt attribute and settings field?
            Do i need to insert “width=250” in both fields?
            Thank you again,
            Pierre

  4. Hi Jobin,
    Really like your plugin but I want to exclude smaller images such as adverts and buttons but the size I should choose is not clear or obvious and couldn’t find any ref to it in your new v2.1 documentation.

    Specifically this setting: “Share Options Disable Under X Width (not in px)”

    I have tried an assortment of sizes and I do not think the exclude setting works at all

    What do we do to fix this say for an image that is less than 500 px in width.

    I did find the post below from way back in 2014 but the issue does not appear to be fixed in v2.1 Can you provide a solution?

    Quote: ” I really like this plugin, thanks!
    One thing that doesn’t seem to be working (or maybe I just don’t understand it) is the disable on small pics. It says “width(not in px)” which I assume means pixels. Then what are the units? I have been trying to turn it off on the icons from a different social sharing plugin (social sharing toolkit). I have the disable under set to 300, but it still shows up. There is an example here: …. Thanks again! mike on September 13, 2014 at 9:57 am

    Reply: The width on the plugin is not in pixel . ie, you set the width with 300 means the image have width=”300″ for eg: In this case <= 300 will not show the share images. img width=”300″ img width=”250″ The px width we cannnot determine with server side scripting like php that can be applied with Css or JS. Hope its clear for you.. Next release will include a fix with exclude image class . thank you.. WWM Support on September 15, 2014 at 8:16 pm

  5. Hi,

    How can i publish into a facebook group? i see that the pop up of facebook que you click on share it only gives you teh option to publish in your own profile and not in your facebook pages/groups as other plugins… it´s something i can solve? if so, how?

    1. Hello Daniel ,

      I checked those options for sharing images on pages/groups.
      But facebook restricted those activity in a different manner, FB provides 3 different modes for sharing.
      https://developers.facebook.com/docs/sharing/web
      In this , my plugin using Feed Dialog option, this is the only option that allows us to share custom details other than a page url (like description and images) , the other two methods allows only url sharing, from that url FB autopick the images from og tags. So that will not work in this case bcoz my plugin do exact image sharing.

      Hope it make sense.

  6. Please, consider to use HTML – Special Entity Codes in the site description so we can use it on another languages.
    is better If we can edit that box.
    Consider insert an separator between Title | site description.

  7. Just installed your plugin. I have one issue, how can I get it to not show on images smaller than a certain size? I placed 250 in the text field that said to disable on images under X size. Yet it still shows up on images that are tiny and smaller than 250px wide.

    Is there a way to fix this?

    1. thanks for using wwm plugin.

      The width is not in pixel, the image should have an attribute called width = 250 then it will not show share icon <= 250 width, so instead of pixel width set the image tag with width attribute it works. Other option is you have to purchase PRO version it have option to exclude images with class name or image name, that will work well. Hope it make sense. thank you.

    1. It seems your CDN is cached plugin css and its looking in the ../images/social_icons.png in CDN path.
      it will not be there bcoz the images are in your server.
      so the fix is edit the plugin css file and update the share icon path as follows.

      on wwm_custom.css line no: 1 update the background path as follows.

      .wwm_social_share li {
      background: rgba(0, 0, 0, 0) url("http://luxefair.com//wp-content/plugins/wwm-social-share-on-image-hover/images/social_icons.png") no-repeat scroll 0 0;

      Hope it works

      1. Oh! I can’t wait.

        In the meantime and as a work-around, is there a bit of css code I can put on the page to prevent the social sharing on certain pages?

        1. ok, if you need to remove with temp fix.
          add this jquery on that page only.

          jQuery('a. wwm_socialshare_imagewrapper').removeClass(' wwm_socialshare_imagewrapper');

          put the code inside document ready.

          1. Thank you! I tried this code, but it isn’t working. I using WordPress, and I put the code inside tags on the page I’d like to suspend the image hover. Is there something else that I need to do?

          2. are you make sure you wrap the code in document ready.

            jQuery(document).ready(function(){
            jQuery('a. wwm_socialshare_imagewrapper').removeClass(' wwm_socialshare_imagewrapper');
            });

            it should work may be WP cached your pages, just run the code in browser console (without document ready )so you can see its works or not in your page.

          3. I’m sorry, but I don’t understand what you mean about wrapping the code in document ready. I don’t know anything about coding, so I tried to look up how to implement the document ready class.

            I tried this:

            jQuery.ready().
            jQuery(document).ready(function(){
            jQuery(‘a. wwm_socialshare_imagewrapper’).removeClass(‘ wwm_socialshare_imagewrapper’);
            });

            I’ve also tried this:

            $(document).ready(function(){ )}
            jQuery(document).ready(function(){
            jQuery(‘a. wwm_socialshare_imagewrapper’).removeClass(‘ wwm_socialshare_imagewrapper’);
            });

            I put the code at the top of the page, but it didn’t work. When I view the page, the code is visible, so I’m thinking I also need to insert some sort of closure tag as well.

            I would really appreciate any further guidance you could offer!

          4. ok, just add the code at bottom of the page and make sure that appeared in the page source as well.

            < script type="text/javascript" >
            jQuery(document).ready(function(){
            jQuery('a. wwm_socialshare_imagewrapper').removeClass(' wwm_socialshare_imagewrapper');
            });


            It should work fine, by the way did you get this comment response as email notification as well, due to server migration Email have some issue.

  8. Hello! Love your plugin!

    Problem:

    I have a page (catalogue style with Jquery) witch is conflicting with you plugin. What i would want is desabling your plugin only on that page. Is it possible to do so?

    1. it seems customization on the plugin code required.
      if its page id is fixed you can edit the plugin code file and put the exclude condition on the file.

      If you like to get it as a feature in the plugin just $15 to pay.
      I will add an exclude page options with PRO version and will sent it you.

      thanks for using my plugin.

    1. The plugin is not compatable with your gallery plugin, bcoz gallery plugin using some Js to format the gallery effects. so share plugin doesn’t work on that.
      there are few gallery plugin works fine with my extension.

  9. I am creating the FB app for a client of mine. Do I need to create a developer account for her, in order to create the FB app, and get the ID? Or will this work if I am just an admin for her page?

    1. You can use your FB developer account for creating app for your client also,
      You don’t need to get admin privilege for the client FB pages too. bcoz the plugin is sharing post on users FB pages, not your clients pages.

      The FB ap is required only due to users can allow posting from your website at the time of they sharing (It will ask for the permission your setting in the app).

      So only one developer account is enough for al your clients sites. only thing is correct domain name and FB app name you have to set while creating APP.

      Hope its clear now.

      1. Just as a follow up, am I creating an app for each client that I am setting up with your plugin, or do I just create a single app that is used for multiple clients? Also, maybe I am in the wrong place, but I am here – https://developers.facebook.com/quickstarts/, and it asks for the “platform”. If I want this to work for my client’s site when viewing from all platforms, do I need to create 4 apps, or what?

        1. No single app for multiple clients doesn’t work , bcoz each APP required their website url.
          so you have to create APP for each clients.

          platform must be website, just follow up the instructions in the article, it had an image too just check that too.

  10. Downloaded and installed the plugin and am delighted with it. The simple black icons are perfect – anything coloured would have distracted from the images. I’m the opposite of a geek, so I had huge problems getting the Facebook icon to work (I noticed other people had problems too) but I finally worked it out – the problem is on the Facebook end, not the plugin.

    I am going to upgrade, as I want to be able to choose which images are to be shareable and which not, but I was also wondering if you offer the icons for posts (like you have on the right-hand side of the page) – the coloured ones which I have installed now are annoying me. I much prefer the simple black ones.

    Thanks and great work.

  11. Hello

    I have the WWM Social Share Plug In. I do not understand how to integrate the Facebook Share. I tried following all the steps (creating the App, pasting codes in the Body) and it still says API error. I am not sure I did it all correctly. I wasn’t really sure where to paste the codes or fill in the ID in the codes. I use the Headway Theme. My site is http://www.educationandbehavior.com. Please help.

    Rachel

    1. You just need to create the APP and set the app id in the plugin parameter section.
      no need of pasting the sdk code inside the body section its already added by the plugin.
      just set the APP Id it works well.

      1. Hello, Regarding this FB integration issue issue I had difficulty creating the facebook app but managed to do it now so that it works when I am logged into facebook however other users recieve the error that I recieved prior to creating the app. When I look at app status it is not live only in test mode. So it looks like it has to be made live and approved by facebook? This seems overly complicated IMHO when other systems work without any web page modification or app creation. Can explain best way forward using your plugin to get facebook share working? Thanks!

        1. Hi John,

          I can clarify all your doubts regarding why the App creation for my plugin.
          My plugin will share exactly same image the user clicks, that is using Feed dialogue method.
          details can be found here https://developers.facebook.com/docs/sharing/reference/feed-dialog/v2.5.

          Why this method ?
          The older API of FB is “sharer” its depreciated and removed by FB, means it doesn’t work all the features it offered, but works some of the features, like still sharer api will be able to share images to FB, only issue is, not able to sent the image needs to share, It automatically pick by FB. (means the share url is fetched by FB and parse the page and fetch the first image we can’t expect which image goes to share)
          you can check some other plugin available oin WP do simple sharer method it lack the features what I mentioned , That is why the plugin required FB APP and activation.

          Hope its clear now 🙂

      2. HI
        I’m having the same problem. Can you tell me what I should put in “Namespace” and “App Domains” fields in the Facebook for Web developers page. I have my apple ID now, but the plugin still wont work with just adding it. thanks!

      3. I am getting the error 191. Please help. I am also unsure what I am supposed to put into the FB app ID fields for “App Domains”. Please help

        1. Hello,

          Sorry for the delay, App domain should be the domain name of the website.
          the namespace can be anything but you can use your domain name as well.
          Please refer the app creation image in my post , just follow the instruction.
          error 191 means domain url is not matching with app domains you have to put correct .
          domain name in the FB app as well.

          thanks .

          1. thank you for your reply. I changed the App Domain name to my website and I now have a new error….”Given URL is not allowed by the Application configuration: One or more of the given URLs is not allowed by the App’s settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App’s domains.”

            I also don’t know what you meant by “domain name in the FB app as well.”

            Summer

    2. Don’t know if you solved it, but on the status and review tab of your FB developers page, you have to make your site live – it’s at the top of the page – you can’t miss it.

  12. I just installed the plugin. Two things that I need help on:

    1. the share buttons do not appear on the image, but more to either the left or the right of the image. Is there a fix for it?
    2. When I use PIN it option, instead of having a post description, I am only getting the post title. Is there a way to have a description appear there instead of the title?

    1. Did you mean the image alignment on the image bit aligned wrongly ?
      1) There is a force fix for option in the plugin settings section enable that to Yes it will solve that issue , it may happen in few templates.
      2) The pinit already have description share option with my plugin, only thing you need to do is just make sure the every post have proper meta description. Plugin read those and share it.

      Hope it helps..

        1. Ok got it,
          your website meta details have a prefix like twitter:title
          So just edit the plugin JS file .

          wp-content/plugins/wwm-social-share-on-image-hover/js/wwm_custom.js

          find this line, var n = jQuery('meta[name="og:description"]').attr("content");
          replace with var n = jQuery('meta[name="twitter:description"]').attr("content");
          Then it should work. (make sure cache cleared)
          Also the small image alignment issue on your template did you tried the force fix option to yes from plugin ?
          still not fixed just add this style.

          .wwm_social_share.wwm_top_right{
          right:40px;
          }

    1. Oh due to illegal characters in FB, I was removed few characters from the title that’s why it happen.

      So you can fix this issue by open

      wp-content/plugins/wwm_socialshare/js/wwm_custom.js
      there is a function called WWWM_FilterData(). its filtering the title and descriptions. either you can allow your special chars inside that function or you can askip the calling of this method in execute_wwmfun(e).

      Hope it solve your issue.

    1. my plugin will not work with light box plugin.
      its due to most of the light box plugin are loading dynamically using jQuery script. while page loading time the plugin loads and init all the images of the page. So after that these pop ups create .

    1. At this time, uploading via the API is not possible. We made a conscious choice not to add this for the following reasons:

      Instagram is about your life on the go – we hope to encourage photos from within the app.
      We want to fight spam & low quality photos. Once we allow uploading from other sources, it’s harder to control what comes into the Instagram ecosystem. All this being said, we’re working on ways to ensure users have a consistent and high-quality experience on our platform.

      From https://instagram.com/developer/endpoints/media/

    1. Hello Sandy,
      plz put this code on www_custom.css file
      .wwm_social_share {
      background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
      display: none;
      left: 0 !important;
      list-style: outside none none;
      margin: 0 !important;
      padding: 135px 249px 130px 270px;
      position: absolute !important;
      top: 0 !important;
      }

  13. This plugin is exactly what I wanted for my WP, but when trying to share an image on FB I get the following error message:

    This dialog has been passed a bad parameter.

    API Error Code: 100
    API Error Description: Invalid parameter
    Error Message: picture is not properly formatted

    I have my FB app ID configured, what else could be wrong?

    Thanks,

  14. Hey there
    maybe you can help me , from some reason the share buttons appear on the image before i hover on it , its start to show the buttons when the mouse is about 100px to the side of it , is there a way to fix it?

  15. At the bottom of the following article, we are sharing “images with quotes” from the article. When someone shares these images on facebook, we only want the large image to show on their newsfeed (and we want the image to link back to the blog post, of course).

    http://www.marriageroots.com/men-we-are-not-babysitters/

    Recently, the plugin stopped sharing just the image to facebook, but now instead, shares a thumbnail of the image along with meta title and description to facebook. How do we make the image the focus of the facebook post and not the meta text?

    Thanks,
    Ryan

    1. When I check the share option it works fine.
      The meta text will share as details.
      the plugin uses meta title,description or page title. The shared items by default linked to the post automatically.
      you can use some SEO plugin for setting up the meta title same as Post title.
      I prefer SEO Yoast plugin.

  16. Two questions:
    1. We have to refresh the page for the plugin to work. Is there a setting we are missing.
    2. (and this might be a for-pay project) Can this plugin be set to show up on images that are in the library. So that, a link on a page would pull up the image (not a page), and the share buttons would be on the image.)?

    Thanks,

    1. 1) Once you install the plugin and set the configuration it will work no need of any other setup. refresh the page ? I didn’t get you.
      2)The link open the image on new tab will not work, the plugin works only the images within the post.

      Hope its clear.

      1. I have similar problem to Mark. I.e. the first time I load either the gallery or blog page, the icons don’t appear when I hover over the photos. However, once I refresh the page (or go in and out of any photo), the icons appear, Any idea what the issue might be?

        Thanks,
        Magdalena
        PS. great plugin!!!

  17. It seems that the social sharing is appearing on just about all of my photos – even ones that I do not necessarily want to “share”. How can I remove this?

    Thanks

      1. Great! I am willing to buy it if I can figure out the Facebook part. I have made the app but it doesn’t seem to work. When I press the Facebook icon, the first window throws an error “An error occurred. Please Try again later” But if I press OK it will authenticate and show my Facebook page. Please help. Thanks

        1. It seems the issue with FB APP creation.
          first delete the APP your created.
          then do it again , set the domain url correctly there is no miss-match between www and non www.
          Also make sure you make the app in live mode.
          Then only plugin config option set the SDK to load options YES.

          that’s it , should work. try it let me know the status.

  18. Hi again. I posted earlier about a problem I was having in determining the class of images generated by another social sharing plugin, but I finally figured it out. You don’t need to help me solve the problem after all. Thanks.

  19. Hi! Your plugin is what I had been looking for. Thanks for this.
    I am receiving following error on top of my website:

    Notice: Undefined variable: scripts

    Though my image buttons still seem to work. I’ll appreciate help on this.

  20. Hi,

    I’m having a similar issue to Jambo , my images have a lightbox (see https://wordpress.org/plugins/jquery-colorbox/ for details) . On clicking a social link both the lightbox and social login are displayed (I think the class cboxElement is used to enable colorbox) . I’d like to be able to disable the lightbox on the social links.

    Could you point me in the right direction of how to do this please ?

    Great plugin by the way worked very easily for me.

    Stu

    1. The most of the light box class is init at the time of page loading so we don’t have option to limit that.
      I’m also checking that same issue in my template too.
      Next update should fox this issue.
      thanks for using my plugins

  21. Hi,

    I tried to set this plugin for my website http://travelsandliving.com/ and It is a problem with facebook. For twitter is working but shares only link (without picture).
    For google+ also works and shares a post with the post image.

    If somebody can help me to set it? Also I would like to share the picture on which you click the share button if it is possible?

    Thanks

    1. What is the issue with Facebook ?
      It should share the exact image you clicked once you configured it properly.
      The twitter don’t share the image , the plugin don’t have such a feature now.

  22. I checked the API but it seems working fine on my website.
    It may happen due to two reason.
    1) You may modified the FB app settings recently.
    2) The website continuously request to FB API with unique url(they may consider it as robot)

    Solution.
    Try to remove the FB app create new one set the key.

  23. Hi.

    I just bought this and then added Facebook Open Graph to my meta section. The problem is that this plugin does not seem to read them. When sharing an image on FB it simply pulls the meta tags that already exist and I can’t seem to override the OG tags. Any ideas what I can do?

    Thanks

    1. Thanks for using my plugin.
      by default the plugin will read the meta tags if you can share the site URL(you can use contact form) I will take look at it structure and if possible will alter the JS files of my plugin that suits your requirement.

        1. The problem is your og tags prefixed with twitter , by default every og tags comes like follows.
          og:description, og:title etc.
          So the solution is simply edit the plugin JS file

          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"));

          Replace with following codes.

          function execute_wwmfun(e) {

          var t = jQuery('meta[property="twitter:image:src"]').attr("content");

          var n = jQuery('meta[name="twitter:description"]').attr("content");

          var r = jQuery('meta[name="twitter:description"]').attr("content");

          var i = WWWM_FilterData(jQuery('meta[name="twitter:title"]').attr("content"));


          do not touch on remain lines.
          It should fix the problem. 🙂

  24. Hi, thanks so much for this wonderful plugin! One issue I’ve come across is that when I share the image, it shows the site name as well as the page title, without a separator, making it all look like one title meshed together. Is there a way to remedy that either by adding a divider between the site name and title, or removing the site name? Thanks!

    1. You can simply edit plugin Js to customize your requirement.
      the JS can be found

      wp-content/plugins/wwm-social-share-on-image-hover/js/wwm_custom.js

      First unpack the JS then pack back.
      Hope you can customize it!

  25. Hi there,

    I really like your plugin. I have two questions, sorry if it has been asked before.

    1. I would like the sharer to only appear on certain image classes (so the opposite of the feature exclude class which you have in the PRO version). Is this possible? I don’t mind buying the pro version for this.

    2. Is it somehow possible to also show the image sharer icons if you use a lightbox plugin which makes the image bigger? At the moment your plugin pops up the new window for sharing (like facebook share window) and at the same time my theme’s lightbox shows the full-size image in the background. Is it possible to only show the sharer icons once the full-size image is visible in the lightbox?

    Thanks a lot for your answers!

    Regards,

    Jambo

    1. Thanks for using my plugin,
      1) I can provide a customized version that full fill your first requirement, means appears only for mentioned classes.
      2)This is little bit complicated bcoz many templates uses lightbox in different manner so I cannot guarantee this for eg: my template also using image light box once the image share icon appear on the image clicks will open light box to (In my template default all images assigned with light box so can’t abort that If I do forcefully some other jquery script failed to functioning). If it is a class based light box I can solve it for you.

      Hope its clear.
      If you are ok for this, then purchase it within 24hr I will email you custom version.

  26. When an image gets shared on a site using your plug-in, it links back to the blog’s main page rather than the specific post. It won’t be helpful to a someone to click on an image and then have to search through pages of a blog to find the post related to it. I don’t see any options to change this. Is there?

  27. its giving me this error:

    API Error Code: 191
    API Error Description: The specified URL is not owned by the application
    Error Message: redirect_uri is not owned by the application.

    1. The FB app creation is not correct that’s why this error is showing .
      set the APP domain and site URL correctly like above image
      Also make sure your APP is live.

        1. When I check your site I saw the site is running without WWW but you created the FB APP with WWW both are consider different domain, So you have to make both unique either adding WWW redirection in your sites htaccess or remove the WWW from FB APP.

          For make non www with www redirect using htaccess

          RewriteEngine On
          RewriteCond %{HTTP_HOST} !^www\.
          RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]

  28. Hi,

    icons do not appear, I tried to change the css with:

    .wwm_social_share li {
    background: url (“../ images / social_icons.png”) no-repeat scroll 0 0 rgba (0, 0, 0, 0)! important;
    content: none;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 0! important;
    margin: 0 0 5px 5px! important;
    padding: 0! important;
    width: 30px;
    }

    As you suggested in an answer.

    The icons have appeared. but they all have the “f” for facebook. the click but it works properly and leads to social.

    What’s wrong something?

    1. Paste this style instead of above one.

      .post-entry ul.wwm_social_share li {
      cursor:pointer;
      background:url(../images/social_icons.png) no-repeat;
      display:inline-block;
      width:30px;
      height:30px;
      margin:5px 0 0 5px!important;
      line-height:0!important;
      padding:0!important;
      content:none
      }

      Hope it solve!

  29. Hi!

    Love this plugin but something really strange seems to happen on this page I manage:
    The Pinterest badge seems to be cut on the right side? Do you know what may cause this?

    Many thanks,
    Casper

    1. When I look at your site everything works fine, what you mean by cutting the right side of pinterest widget ?
      is that something opened popup not showing the image in full size ?. (If this is the case don’t worry about that the popup is resizable and set to compact with tablet too that why its cut one side).

      If you still looking for a fix, simply edit the wwm_custom.js and search for

      height=400,width=600

      and set width value to your custom value.
      Done!

    1. First of all your template Css is overriding plugins css.

      .wwm_social_share li {
      background: url("../images/social_icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
      content: none;
      cursor: pointer;
      display: inline-block;
      height: 30px;
      line-height: 0 !important;
      margin: 5px 0 0 5px !important;
      padding: 0 !important;
      width: 30px;
      }

      overwrite this css in the plugin files it have !important so your image gets show.
      you mean you are unable to set the option value ?

      1. for get it, just recived the css file with the code thanks now its working like a glove 😉 thanks for the support

        I WILL GIVE A DONATION 😉
        love the possibilities of the app 😉

  30. Hello,

    First, I would like to pass the praise, the plugin is really amazing and it graphically, I like the clean design. Unfortunately, on my server it probably will not be able to use because I have set the framework design that is able to open the preview image as hover so when you click on one of the icons so he opens the file at the same time, it’s seen, for example. http://demo.triax.cz/andrea-joskova-predstavuje-svuj-snovy-zlaty-lob–11289/. And I’m sorry, because I would like to use it. Do you have any idea how to work around this problem? Thanks a lot.

    Pavel

    1. I understand you point, The same problem can be found in my template too.
      This is due to template dealing with jQuery click event, So its unstoppable from plugin file.

      I will take a detailed view of the problem when it is fix will release a new version.
      Thanks

  31. Hi,

    I’m having issues after installing this plugin, I’m seeing this doctype on top of posts.

    I think there is an issue with DOM.

    1. This is a great plugin, but once activated, it wraps the existing content in extra HTML code as though it’s a new HTML document. You can see it on your own site here right now by looking at the source code. the_content() is wrapped within another set of tags:

      The code is problematic and causes issues with other plugins and javascripts.

      1. The plugin is just adding one line of meta tags like.
        meta http-equiv="content-type" content="text/html; charset=utf-8"
        This will not be a conflict to any existing plugin or your HTML content, the plugin is parsing the content of your post with DOMDocument() method and figure out all the img tags and wrap with proper plugin classes.
        The meta tags is used for utf-8 encoding in some cases the french letters cases issue with DOMDocument();

        Please let me know what kind of conflict are you facing with other plugins ?

        1. It’s not just one line that has been added. If you look at your source code, you would see the_content() is wrapped within a whole new set of [html][body][/body][/html] tags. So now the page has two sets of these tags. This causes issues with other plugins that interacts with the site’s HTML tags.

          For instance, W3 Total Cache minifies the page’s javascript and then auto-inserts it right before [/body]. Now that we have 2 sets of [html][body][/body][/html] tags, the minified JS gets inserted before the first [/body] instead of the default [/body] at the end of the page. This causes issues with those javascripts where sequence is important and can work only if they get executed at the end of the page.

          1. Got the issue and solved !
            Please download the latest version from WordPress Plugin Directory.
            I just updated the fixes as current version, so you have to delete existing WWM plugin and reinstall new one.
            and let me know the status.

            Thanks for reporting bug 🙂

          2. Hi, with the latest update, we see a whole bunch of this same error in error_log:

            PHP Warning: DOMDocument::loadHTML(): Empty string supplied as input in /home/xxx/public_html/wp-content/plugins/wwm-social-share-on-image-hover/wwm_social_share.php on line 271

  32. I really like this plugin, thanks!

    One thing that doesn’t seem to be working (or maybe I just don’t understand it) is the disable on small pics. It says “width(not in px)” which I assume means pixels. Then what are the units? I have been trying to turn it off on the icons from a different social sharing plugin (social sharing toolkit). I have the disable under set to 300, but it still shows up. There is an example here: http://flourarrangements.org/2014/09/grape-tart

    Thanks again!

    1. The width on the plugin is not in pixel .
      ie, you set the width with 300 means the image have width=”300″ for eg:
      In this case <= 300 will not show the share images. img width="300" img width="250" The px width we cannnot determine with server side scripting like php that can be applied with Css or JS. Hope its clear for you.. Next release will include a fix with exclude image class . thank you..

    1. This plugin share the image with current page url so the count of the image share should be same as the count of page URL.
      This version of the plugin will not have a count feature.

  33. Thank you for this wonderfull plugin. This is the best social sharing plugin i found for images.

    After installing the social sharing buttons appear correctly when I hoover over the images on my homepage. But when I enlarge these images by clicking on it, the buttons will not appear on the enlarged image.

    The url to my website is http://daniellevermeer.photography/

    The images I tested are under portfolio.

    Could you please help me with solving this problem?

  34. Hi! Beautiful plugin and it looks absolutely great on my site, and all the other sections work find, but I’m getting a facebook error for the facebook share.. I created my app and connected it to my pages main URL.. What could I be doing wrong? Please help, as I really want to use this! 🙂

    Thanks,
    Jesse

  35. Hi, I love the plug-in and it’s working great, however I have found one problem: when using it on smaller screens, like a Surface Pro 2, the pop-up windows for some of the sites are too small, e.g. for Pinterest the thumbnail image and “Pin It” button are out of view on the right hand side of the screen and the window is locked in size, so you can’t easily get to them. Can I make a correction in the code for this? If so, can you point me in the right direction? Many thanks, Mark.

    1. You have two options for customizing and fixing the issue,

      1) simply make the window resizable
      2) Calculate the width and height of the device and push it on correct place.

      I think 2nd option is perfect and right method, the file you have to change is wwm_custom.js this file can be founder under your plugin folder/wwm_social_share/js/
      Search for wwm_common_share(e);
      and customize the code

      function wwm_common_share(e) {
      window.open(e, "", "menubar=no,toolbar=no,resizable=yes,scrollbars=no,height="+Dheight+",width="+Dwidth+");
      return false; //calculate the dwidth and dheight based on device width and height.
      }

      Hope it helps..

      1. Hi Jobin, Many thanks for the reply. Adding the device height and width parameter actually removed the social buttons altogether when hovering over the images. However, making the box resizable and showing the scrollbars fixed my problem, so visitors can always get to the buttons. I appreciate your help, Mark.

  36. Hi sir,
    Thanks for your plugin.It is awesome.I have one major query that how to embed your plugin into the image.Please explain that bro..

    1. Simply install the plugin like any other wordpress plugin and set the required social media and setup the FB APP ID.
      Its Done!. It works on every images inside your posts.

  37. I’ve tried so many different social media image plugins and yours comes the closest to working with my site. However, clicking on the Facebook icon goes to the image link instead of Facebook and I can’t figure out why. Any ideas?

    1. This may happen due to incomplete setup of your Facebook APP ID on the plugin options.
      Please setup the APP ID correctly then make sure FB javascript SDK enabled too.
      The icon should work fine let me know how can I help you..

  38. The box doesn’t appear inside the image. Instead, it appears across the page. The css appears to be aligning itself with the parent space and not within the image. Any ideas?

          1. First of all do not comment under a comment. bcoz may be I miss that.

            The site is linked from your name bcoz the meta title is your name, not the post title.

            Also the meta tags are generated with twitter prefix, that’s wired.
            Use some SEO plugin like SEO Yoast. It have better SEO format.

  39. i have custom posttype with featured images..i added ur plugin, but the hover effect doesn’t work. the social buttons don’t show up on hovering over the featured images…plz guide

  40. awesome plugin, works perfect. The only issue I have is that it conflicts with another plugin i am running (Social Share) and which adds share options at page level – WWM overlays the with the Social Share buttons.

    Any tips, or can you help with that?

    1. In the other plugin (social share) Can you set the width for images ? then simply avoid it by using width option from WWM settings section. This is happen due to social share plugin is adding image with “IMG” tags rather than using background images.

  41. Hi, great plugin! Is there any way to customize the look? Or maybe a premium version with more features?

    Thanks,

    Adrian

    1. What kind of customize look you are expecting ? more features with more social media icons ?
      then I can provide a customized version for you.
      Thanks.

      1. I was looking for different skins. Maybe even native social buttons. The skin that’s featured in this post looks different than the icons I have on my site.

        Also, my Facebook share isn’t working. Any ideas what this could be?

        My website is blog.smashcave.com

        Thanks again,

        Adrian

  42. I have installed your plugin for Image hover lite, and considered upgrading but the Lite version does not work. Kind of hesitant to get pay version if lite does not work, I would appreciate any help in getting it towork. Thak you!

    1. Did you activate and enabled required social share options from dashboard,
      Make sure your cache plugin loaded this plugin too,
      Just clear the cache content and let me know the status.

      1. Hi,
        Of course. That’s how I know that it is pulling the wrong information when I click the icon to share on Facebook. The icon is there, I click on it, and it picks the default meta tags instead of the og mete tags. Its not a cache issue either as I even opened and tried it with a browser that I never used before.

        Although you refer to a “cache plugin” which I have never heard of… my browser cache is not the issue.

Leave a Reply

Your email address will not be published. Required fields are marked *

 

FacebookTwitterGoogle+RSS