Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #207804

    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

    #207881

    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

    #207892

    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

    #207896

    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.

    #207900

    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/

    #208536

    Any updates on this guys?

    #208593

    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

    #208599

    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

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