Share buttons problem. (1 post)

  1. tlcbikes
    Posted 2 years ago #

    I have put a facebook, twitter and google share button on my single product pages using the code below. My problem is that the twitter counter is to the right instead of ontop like the rest. Does anyone know how I can Fix this? You can see what I mean here > http://www.tlcbikes.com/product/titanium-stem-bolts

    function wooshare(){
    <div class="wooshare"><div class="fb-like" data-href="'.get_permalink().'" data-layout="box_count" data-send="false" data-width="100" data-show-faces="true" style="display:inline"></div>
    <a href="https://twitter.com/share" class="twitter-share-button" data-via="bryanheadrick">Tweet</a>
    <g:plusone size="tall"></g:plusone>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>';?>
    <script type="text/javascript">
      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=281787978603249";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script></div>

    Any help would be awesome!

    Thanks in advance, Mat.


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic