Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 10, 2014 at 4:19 am #207804
    deyowulf

    Hi guys,

    I’m trying to create a floating vertical sharebar with Shareaholic Plugin. Using a couple of tutorials and discussions I created this code :

    Tutorial : http://support.shareaholic.com/hc/en-us/articles/200470606-Positioning-Apps-Manually#templates

    Discussion : http://wordpress.org/support/topic/vertical-sharing-bar

    Code :
    <!– Shareaholic Floating Vertical ShareBar –>

    <?php echo do_shortcode(‘[shareaholic app=”share_buttons” id=”4766761″]’); ?>

    <?php echo do_shortcode(‘[data-app-id=”4766761″] {
    p.pos_fixed
    {
    position:fixed;
    top:30px;
    left:50px;
    }
    }
    ?>

    However, I’m not sure which .php file to put this in or where exactly in the file to put it.

    Thanks

    Jonny

    January 10, 2014 at 9:32 am #207881
    Ismael

    Hi deyowulf!

    Where do you want it to show? Maybe, you can add it on header.php, find this code at the very bottom:

    <?php } //end blank check ?>
	<div id='main'>

    Add this below: 

    <?php echo do_shortcode('[shareaholic app="share_buttons" id="4766761"]'); ?>
    
    <?php echo do_shortcode('[data-app-id="4766761"]');  ?>

    On Enfold > Styling > Quick CSS, add this code:

    p.pos_fixed {
position:fixed;
top: 30px;
left: 50px;
}

    Cheers!
    Ismael

    January 10, 2014 at 9:53 am #207892
    deyowulf

    Hi Ismael,

    That didn’t work. I want it to be fixed on the left side of the main content area, like in this plugin preview. http://codecanyon.net/item/wordpress-social-share-buttons/full_screen_preview/2927356

    I also think that the positioning css has to go somewhere in the same code as the rest of it, but I’m not sure.

    Many Thanks

    Jonny

    January 10, 2014 at 10:03 am #207896
    deyowulf

    To clarify, this code put the sharing bar in the header, and it was in the center of the screen, so I don’t the css positioning had any effect. I think the data-app-id code has to be where the css positioning is located or called up from but I’m not sure.

    January 10, 2014 at 10:08 am #207900
    deyowulf

    And I found this tutorial about using hooks to do something similar to what I want to do.

    http://wpsites.net/best-plugins/re-positioning-shareaholic-sharing-buttons-after-author-box/

    January 12, 2014 at 3:40 am #208536
    deyowulf

    Any updates on this guys?

    January 12, 2014 at 5:55 am #208593
    Yigit

    Hi!

    Please try adding the code to single.php file and if that does not work, try adding it to loop-index.php file inside wp-content\themes\enfold\includes folder. You can also try contacting the plugin author as they should have a better insight on the issue and how to troubleshoot it

    Best regards,
    Yigit

    January 12, 2014 at 6:02 am #208599
    deyowulf

    Hi Yigit,

    Thanks a lot. And my apologies for my improper duplicate postings and scope breaches. Had not seen that posting guidelines page. Will follow the rules from now on!

    Really appreciate your dedication and patience helping me with my site. It’s almost finished!

    Keep it Freesh

    Jonny

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Manual Positioning of Shareaholic Floating Vertical Sharebar’ is closed to new replies.