banner-772x250

Share Rail

Description

Use this plugin to apply floating shares to your posts and pages.

This is very similar to the one found on mashable.com.

You can see this plugin working on the left.

Tested with WordPress 3.1.3 and above.

Download

You can find the plugin on the wordpress site, http://wordpress.org/extend/plugins/share-rail/

GitHub

Share Rail is now on GitHub, fork us on Git http://bloafer.github.com/Share-Rail/.

Thanks

Whilst searching the internet we found a fairly good tutorial on youtube about our plugin here it is:

113 thoughts on “Share Rail”

  1. In an attempt to drop the FB #-of-likes text, I tried deactivating, deleting, then reinstalling, but it remembered me (which would be a plus, in most instances!). :)

    The main reason I want to remove the “FB like” from Share Rail is because it doesn’t seem to line up nicely with the other icons (even with the centered CSS) and it’s driving me bonkers.

    G+ is still unreliable for me and shows up maybe 50% of the time. Is it because I have the ‘add to circles’ badge code my right sidebar? I tried unchecking “Load Google +1 API” in Share Rail settings, but this didn’t help.

    1. I know, I’m such a pain. :(

      I upgraded to a Genesis theme yesterday and forgot to mention that Share Rail doesn’t show up until I scroll down a bit and then disappears when I scroll back up and I have no clue how to fix this. I thought it was pretty cool at first, but having it disappear while scrolling back up isn’t going to work. I am a menace to society. ;)

    2. You are loading the Google plus script three times, you only need it once, we would advise using our version of the script.

      Hint: try looking in your source code near this <!-- Place this tag in the <head> of your document -->

    3. Dont forget to click the save button at the bottom of the config page to remove the FB Like button.

      Google plus has been addressed in a previous reply.

  2. Just updated to 2.1. Got the following error.

    Reactivating the plugin…

    Warning: Invalid argument supplied for foreach() in /home/xxxxxx/public_html/wp-content/plugins/share-rail/share-rail.php on line 28

    Plugin reactivated successfully.

    This error was appearing on site pages.

    Have had to disable the plugin.

    Best regards, Lloyd Borrett.

    1. We will be working on a drag and drop ordering method in the next release if you can wait, if not its a little complicated to order the buttons at the moment.

  3. I have tried to access the custom css engine for Share Rail to no avail in Chrome, Safari and Firefox browsers. Am I missing something? Also having a problem getting the Google+ bit to work. I don’t believe I have any other G+ plugins running, but have tried every combination of selecting/de-selecting the G+ options with no success.

    I appreciate your time and was really excited to find Share Rail as it is just what I’m looking for. Thanks for any help you can offer.

  4. Getting the following when I try to activate it.

    Plugin could not be activated because it triggered a fatal error.

    Parse error: syntax error, unexpected T_SR in /home/xxxxxx/public_html/wp-content/plugins/share-rail/share-rail.php on line 154

    Any ideas?

    1. Thanks for flagging this up, there was an issue with the last upload to WordPress, you can manually fix this by deleting the line that looks like

      	>>>>>>> .r550466 

      in the file

      share-rail.php

      , we will also update the Plugin to fix this in the next 2 hours.

      Sorry for any issues caused.

  5. We are currently working on a new release for the Share Rail, this will include many new features and will fix some pending issues.

    The Pinterest issue will also be fixed in the next release.

    The code itself will be much more efficient and will provide better adjustment of the Share Rail.

    The next release should be available before next week.

          1. Having the same problem as @Mount Eliza Unit. No images appearing in the pop-up.

            I think it’s partly Pinterest’s problem, since they seem to require you to specify an image URL in the Pinit button. If you add a URL directly on their site, it’ll fish for large images, but the button doesn’t seem to do the same.

          2. In the next release we will allow the share rail to check the content and populate the pinterest button with the first image found in the post

    1. I have looked at your site and it looks like your template files are incorrect, this plugin requires the functions wp_head() and wp_footer() to be added to the header and footer of the site.

  6. hi, I tried to implement sharerail on my site (home and pages) but I cannot seem to get it to work. Is there something i am missing? I tried many #content etc implementations but the rail never appears.

    this seems perfect if I can only get it to work.

    thanks!
    -lino

  7. Hi, Thanks a lot for this plugin. It looks really nice and I cant wait to have it working on my site http://www.plaveckyblog.cz However I can’t make it working. Do I need to insert a piece of code in my template? Or just give a random name for the elemetn class attachement in the WP settings? Any advice would really help me. Thank you!

  8. Heloo~
    nice pluggin you have there, but i have problem that my pluggin can’t be showed on my blog.. any suggestion ?

    I have tried Element Class attachment such as : #body #wrapper #body-wrapper #content #the-content

    or maybe on JQuerry’s prefix ?

    please help me to set mine :)

  9. Hi! I can’t wait until I have this Plugin up and running. Its just what I need! …but I’ve tried a lot of settings and still it seems like it wont show up. The template should be OK (I saw one of your comments above about a broken template). What can I do? I’ve enabled the debug possibility for you. Sara

  10. One problem I’m having is that when someone has a screen size smaller than the current standard, the Share Rail still shows up with the absolute position set, and is right in the middle of the page of text. On mobile devices, this is no good. Or if someone has a smaller screen, such as a netbook.

    I know with JavaScript we could get the current page width and if it is less than a certain setting, have Share Rail not show up to avoid problems. Any help would be appreciated.

  11. Thank you so much for this fantastic plugin. It looks great on my site and it was easy to customize. Unlike similar plugins, it does not break my site’s menus, either :)

    The only issue I’m seeing is that the G+ button is very sporadic – sometimes it shows up, sometimes it doesn’t. Is there something I can do to make sure that it’s showing up all the time? G+ is gaining a lot traction in the marketing/personal development niches so I’d like to have it showing up!

  12. Google Plus functionality seems to come and go for me with Share Rail. Sometimes I see the Google Plus button on the Share Rail, other times its missing. This is new as of today or yesterday and is occurring in both Chrome and Mozilla.

  13. Sorry to bother you, I noticed my google+ just disappeared yesterday, and I see that no google+ is displaying in your share-rail either. is this a google+ problem or is there something I need to do???

  14. Hi…..One thing I noticed is that when a web page is zoomed the position of the share rail is disturbed…………..unlike on mashable.com.

    Any suggestions to make changes in custom CSS so that it remains in same position irrespective of page zoom level.

    Thanks.

    sachin

  15. I can’t get it to work. I allready have a JQuery script using jQuery() instead of $() so I use jQuery on this rail. I’m attaching it to #wrapper, #content and nothing works, and I don’t se eany script beign loaded nor code beign added to my source

  16. Having some problems. It seems that the only way that Google+ shows up is if you reload the page, it will never show on the first load.
    The other issue is the LinkedIn button does not do anything, do I have to add username somewhere?
    Thanks,
    Mike

  17. i was hoping you could help me. I am not sure which element to attach the share rail to, right now i have it attached to #the_content. also, when I scroll the share rail does not scroll with the page. any idea what im doing wrong?

  18. Im just trying to get my blog set up but I am having a few hiccups with your plugin. The first one is that I have it attached to the #the_content class and im not sure that is the best way to do it because then I have to add the custom css to move it 250px to the left for it to be in my desired position. My second problem is that when I scroll the share rail is staying in the same position and not “floating” with the page. Hope you can help! thanks!

    1. First and foremost I would remove the “anti-right click” script as it serves no purpose.

      In the “Element Class attachment” box I would use “#content-wrapper”,

      You currently have jQuery running so I would use “jQuery prefix” of “jQuery”, ensure “Use Google’s jQuery” is switched off, save changes and you should be good to go.

      1. Hi

        sorry for the late reply, was travelling. Just wanted to thank you for your excellent plugin and more importantly for the time you took to see the site and give corrective action.

        Great commitment.

        Thank you once again

        cheers
        vivi

    1. On the saintvalentin site I would attach the rail to “#pbody” instead of “#content”, the reason for this is because you have overflow CSS set to “hidden” on “#content”, on the a-noel site I would change the attachment to “#container” instead of “#content”

      1. Hello Bloafer,

        Many thanks for your quick answer.

        I apply your advices, but no changes… I had to attach the rail to #page in saintvalentin.net website to see the rail, but there’s still a problem : I have to scroll once to see the rail appear! …

        Is there a javascript problem do you think?

        Thanks for support.

          1. I don’t have any structure.css file on this theme ; Anyway I remove the “overflow:hidden;” of my style.css file, and the rail appears when I’m loading the page. BUT. I have to scroll once to get the rail with the correct vertical offset…

            Other problem, I detect the rail doesn’t work with jQuery v.1.6.1, which is installed with WordPress 3.2.1 ?

  19. Totally LOVING this plugin. Great job, and thank you! Your provided CSS code for the alignment thing above was very helpful. Could you also please post some code to go into the “custom CSS” area that will allow me to change the background color of the rail to match the background of our site? Thank you so much!

  20. Hi! Found your plugin while looking for a sharebar alternative (which does not work at all with my WP theme), and I’m quite happy so far!

    I think I noticed a bug, though: it seems the Google+ button won’t show, unless that post has already been +1′d once. Any idea what may be causing this?

    Also, have you considered adding stumbleupon natively?

    Let me know your thoughts,
    Pedro

    1. The Google +1 has the API loaded twice, in version 0.4 you can switch off the Google +1 API, this should fix the Google +1 problem.

      I have added another two sharing items in version 0.4.

      1. Hi,

        I installed version 0.7 and it’s definitely a step forward! :-) However, I must point out the buttons aren’t v-aligned…. if you could fix it in a next version, that would be perfect!

        Also, the twitter button is now acting strange, or is it just me?

        Thanks,
        Pedro

  21. hey – love the plugin.. I know it’s brand new so there’s still some kinks to work out. Mine seems to dig into the content horizontally.. is there any way you could incorporate a horizontal offset field in the same way as you do the vertical offset? Also, I’m sure you have requests for other sharing options to be added in, but if there were a way to add custom buttons, that would be fantastic :)

    Thanks for the great plugin!

    1. I have updated the plugin to version 0.3 this allows you to add custom content to the rail. This can be found on the setting page.

      I have also added an area in the settings to allow custom CSS, this will allow you to change the horizontal offset:

      #shareRail{
      left:-72px;
      }

      The default is -62px;

Leave a Reply

from design dreams to physical realities

Donate