Game Template - SocialSharing position

Hi,
I use the new Game template to http://www.lavrafc.gr web site. Is there any way to display the itemSocialSharing section in the end of K2 item mainbody and not after the image? I would like also to have this sequence Facebook, Twitter, Google+

Thank you

Hi

You need to edit file /html/com_k2/templates/default/item.php, cut whole this code:

Code: Select all

          <?php if($params->get('itemTwitterButton',1) || $params->get('itemFacebookButton',1) || $params->get('itemGooglePlusOneButton',1)): ?>
          <div class="itemSocialSharing">
              <?php if($params->get('itemRating')): ?>
              <div class="itemRatingBlock"> <span><?php echo JText::_('K2_RATE_THIS_ITEM'); ?></span>
                    <div class="itemRatingForm">
                          <ul class="itemRatingList">
                                <li class="itemCurrentRating" id="itemCurrentRating<?php echo $this->item->id; ?>" style="width:<?php echo $this->item->votingPercentage; ?>%;"></li>
                                <li> <a href="#" rel="<?php echo $this->item->id; ?>" title="<?php echo JText::_('K2_1_STAR_OUT_OF_5'); ?>" class="one-star">1</a> </li>
                                <li> <a href="#" rel="<?php echo $this->item->id; ?>" title="<?php echo JText::_('K2_2_STARS_OUT_OF_5'); ?>" class="two-stars">2</a> </li>
                                <li> <a href="#" rel="<?php echo $this->item->id; ?>" title="<?php echo JText::_('K2_3_STARS_OUT_OF_5'); ?>" class="three-stars">3</a> </li>
                                <li> <a href="#" rel="<?php echo $this->item->id; ?>" title="<?php echo JText::_('K2_4_STARS_OUT_OF_5'); ?>" class="four-stars">4</a> </li>
                                <li> <a href="#" rel="<?php echo $this->item->id; ?>" title="<?php echo JText::_('K2_5_STARS_OUT_OF_5'); ?>" class="five-stars">5</a> </li>
                          </ul>
                          <div id="itemRatingLog<?php echo $this->item->id; ?>" class="itemRatingLog"> <?php echo $this->item->numOfvotes; ?> </div>
                    </div>
              </div>
              <?php endif; ?>
             
              <?php if($params->get('itemTwitterButton',1)): ?>
              <div class="itemTwitterButton"> <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal"<?php if($params->get('twitterUsername')): ?> data-via="<?php echo $params->get('twitterUsername'); ?>"<?php endif; ?>><?php echo JText::_('K2_TWEET'); ?></a>
                        <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
              </div>
              <?php endif; ?>
                           
              <?php if($params->get('itemFacebookButton',1)): ?>
              <div class="itemFacebookButton">
                <script type="text/javascript">                                                         
                window.addEvent('load', function(){
                  (function(){
                        if(document.id('fb-auth') == null) {
                           var root = document.createElement('div');
                           root.id = 'fb-root';
                           $$('.itemFacebookButton')[0].appendChild(root);
                              (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 = document.location.protocol + "//connect.facebook.net/<?php echo $fblang; ?>/all.js#xfbml=1";
                                fjs.parentNode.insertBefore(js, fjs);
                              }(document, 'script', 'facebook-jssdk'));
                          }
                    }());
                });
              </script>
                <div class="fb-like" data-send="false" data-width="260" data-show-faces="true"> </div>
              </div>
              <?php endif; ?>
             
              <?php if($params->get('itemGooglePlusOneButton',1)): ?>
              <div class="itemGooglePlusOneButton">
                <g:plusone annotation="inline" width="120"></g:plusone>
                <script type="text/javascript">
                    (function() {
                      window.___gcfg = {lang: 'en'}; // Define button default language here
                      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);
                    })();
              </script>
              </div>
              <?php endif; ?>
          </div>
          <?php endif; ?>


and paste after the element You would like this to be shown, You can also change the order of buttons in this part of code directly.

It works

Thank you

Hi

No problem, glad I could help.