- Posts: 1
COMMUNITY FORUM
Social Media share below comments
- Wole
- 
				Topic Author 
- Offline
- New Member
		Less
		More
		
			
	
		
			
	
						10 years 2 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
			
	
						10 years 2 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.