Main menu
WalkswithMeWordPressSocial Share Icons On Image Hover

55 thoughts on “Social Share Icons On Image Hover

  1. 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.

  2. 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!

  3. 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 ;)

  4. 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

  5. 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

  6. 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.

  7. 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?

  8. 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

  9. 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.

  10. 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.

  11. 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..

  12. 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?

  13. 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

  14. 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.

  15. 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

  16. 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.

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 
FacebookTwitterGoogle+RSS