WordPress.org

Ready to get started?Download WordPress

Forums

Shareaholic | share buttons & related posts
[resolved] Vertical Sharing Bar (7 posts)

  1. umbertoguardascione
    Member
    Posted 8 months ago #

    I really love your plugin and it would be perfect if there was a vertical sharebar function. Will you ever add anything like that?

    http://wordpress.org/plugins/shareaholic/

  2. Celeste - Shareaholic
    Member
    Posted 7 months ago #

    Hi Umberto!

    It looks like you are commenting on our new version 7 plugin. We offer two layout options for Share Buttons accessible in the Edit panel of the app you'd like to configure: the standard horizontal bar and the new vertical bar. We've also made it easy to manually insert any of your configured apps in case you'd like to add our buttons outside of your looped content, allowing you to create cool fixed top bars or footer bars or place our apps in your sidebar as a widget or create a fixed ('floating') sidebar tab. You are free to experiment, and we encourage this, as we made sure that v7 is extremely friendly for web developers, web designers, and those who like to tinker with customization. :)

  3. umbertoguardascione
    Member
    Posted 7 months ago #

    Hi Celeste!
    Yeah I'm commenting on the version 7.0.3.5.
    I noticed that function but i need a little help since i'm not very good with the coding part.
    Could you link me to some guide or tell me what sould i do to let the share bar float and scroll with the post?

    Sorry for being so annoying :(

  4. Celeste - Shareaholic
    Member
    Posted 7 months ago #

    haha Don't worry--you aren't being annoying :)

    Let me see if I can point you in the right direction.

    First, make sure you check the manual insertion article for help in locating the shortcode and instructions on how to properly utilize it in your template files.

    Now, when applying styles, you can finely target the app by way of the data-app-id, like:

    [data-app-id="xxxx"] {your styles go here}

    You can use the above to apply position:fixed and then use top or bottom and left or right to tailor the location.

    Right now, the shortcode automatically selects the post to be shared, but soon we will be making it where you can pass in link, summary, and title values if you'd like to override the automatic-selection. Look for that in an upcoming update.

    And here are some references concerning positioning with CSS if you need more assistance.

    Hope this helps!

  5. umbertoguardascione
    Member
    Posted 7 months ago #

    Thank You So much Celeste!!!
    now i have my vertical sharing bar but i still have to ask you a couple of things

    1) i tried to share my post (i set the bar to appear only next to posts) but even if counters are activated the bubble above the button doesn't appear(i' ve tried all kind of combination button-counter)... could you tell me why?

    2) searching the net i reached this code

    <script type="text/javascript">
    var $ri_sharebar = jQuery.noConflict();
    $ri_sharebar(window).scroll(function() {
    
        if (($ri_sharebar(this).scrollTop() > 300) && ($ri_sharebar(this).scrollTop() < document.getElementById("content").offsetHeight - 800)) {
            $ri_sharebar("#ri_share").fadeIn("medium");
        } else {
            $ri_sharebar("#ri_share").fadeOut("medium");
        }
    
    });
    </script>

    is a simply script(or at least i think so, since it's short ^^) to let the bar fade near the footer...i was wondering: is there a way to replace its function(ri_sharebar) with the shareaolic shortcode (or a part of it) to have the same effect?

    thank you so much again for your help and your infinite patience
    you rock :)

  6. Celeste - Shareaholic
    Member
    Posted 7 months ago #

    Hi Umberto,

    Providing you with custom JS is a little out of my area of expertise and comfort zone, but I'd take a look at this thread on StackOverflow.

    If you are having trouble with the share count, make sure the app shortcode is placed within the looped content to automatically detect all of the post variables, and of course, check your Share Count style settings through the Edit button that corresponds with the manually inserted app (just to double-verify that you are editing the correct app).

    And below, I've provided a few share count resources to take a look at your current tallies; just insert the permalink URL:

    http://graph.facebook.com/PLACE_URL_HERE
    http://urls.api.twitter.com/1/urls/count.json?url=PLACE_URL_HERE
    http://api.pinterest.com/v1/urls/count.json?callback=&url=PLACE_URL_HERE

  7. rawfoodbali
    Member
    Posted 3 months ago #

    Hi Umberto,

    Any chance you can share the code you created for your vertical sharing bar and which .php file you put it in?

    Many Thanks

    Jonny

Reply

You must log in to post.

About this Plugin

About this Topic