- Posts: 1
COMMUNITY FORUM
Social Media share below comments
- Wole
-
Topic Author
- Offline
- New Member
Less
More
9 years 8 months ago #146804
by Wole
Social Media share below comments was created by Wole
Hello,
Right now my social media share and ratings buttons are right at the top, I'd like to be able to drop them down just before the comments box...can anybody please point me in the right direction?
Cheers
Right now my social media share and ratings buttons are right at the top, I'd like to be able to drop them down just before the comments box...can anybody please point me in the right direction?
Cheers
Please Log in or Create an account to join the conversation.
- Krikor Boghossian
-
- Offline
- Platinum Member
Less
More
- Posts: 15920
9 years 8 months ago #146807
by Krikor Boghossian
Replied by Krikor Boghossian on topic Social Media share below comments
You need to override the item.php file, or edit your template's existing overrides.
This post will help you locate the file:
getk2.org/documentation/tutorials/174-templating-with-k2-and-the-concepts-of-sub-templates
Open the file and locate the social sharing section by reading the comments.
Now you can move it above the comments (<!-- Item comments -->).
This post will help you locate the file:
getk2.org/documentation/tutorials/174-templating-with-k2-and-the-concepts-of-sub-templates
Open the file and locate the social sharing section by reading the comments.
<?php if($this->item->params->get('itemTwitterButton',1) || $this->item->params->get('itemFacebookButton',1) || $this->item->params->get('itemGooglePlusOneButton',1)): ?>
<!-- Social sharing -->
<div class="itemSocialSharing">
<?php if($this->item->params->get('itemTwitterButton',1)): ?>
<!-- Twitter Button -->
<div class="itemTwitterButton">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal"<?php if($this->item->params->get('twitterUsername')): ?> data-via="<?php echo $this->item->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($this->item->params->get('itemFacebookButton',1)): ?>
<!-- Facebook Button -->
<div class="itemFacebookButton">
<div id="fb-root"></div>
<script type="text/javascript">
(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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-like" data-send="false" data-width="200" data-show-faces="true"></div>
</div>
<?php endif; ?>
<?php if($this->item->params->get('itemGooglePlusOneButton',1)): ?>
<!-- Google +1 Button -->
<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 class="clr"></div>
</div>
<?php endif; ?>
Now you can move it above the comments (<!-- Item comments -->).
Please Log in or Create an account to join the conversation.