Social Links And Login/Search Language

rkeles

Hello,

How can add social icons and links on left side of template?
And also how can I edit Search and Login languages appear on side? (And is it possiable to hide this section?)

dominic

Hi rkeles,
To hide the search and login label, you can open the /templates/gk_spotlight/layouts/default.php file and then remove it from lines 160 to 172.

<div class="group-ct">
	<div class="box-search">
		<div id="gkSearch" class="gkSearch txt-search txt-name">
			<?php echo '<span>'.JText::_('TPL_SEARCH_LABEL').'</span>'; ?>
		</div>
		
	</div>
	<div class="box-login">
		<div id="gkUser" class="gkUser txt-login txt-name">
			<?php echo '<span>'.JText::_('TPL_LOGIN_LABEL').'</span>'; ?>
		</div>
	</div>
</div>

If you want to add the socials, you can go to the Backend > Modules > Add the Custom module with the following code :

<div class="gkSocialWrap">
  <a href="#" class="menu-social facebook" title="Facebook"><i class="fab fa-facebook-f"></i></a>
  <a href="#" class="menu-social twitter" title="Twitter"><i class="fab fa-twitter"></i></a>
  <a href="#" class="menu-social instagram" title="Instagram"><i class="fab fa-instagram"></i></a>
</div>

and select social position

rkeles

Thank you for your reply.
For social links I have tried but still not any link appear on social position.
After click SAVE button, there is only that code appear on editor:
<div class="gkSocialWrap"> </div>
all other codes dissapered!!

And can you please tell me how can edit search and login language to Turkish?

dominic

Hi rkeles,
1/ You can open the language\en-GB\en-GB.tpl_gk_spotlight.ini file to translate the search and login language to Turkish.

2/ About the Social icon:
Step1: you can install the following module.

ja-acm-module-235.zip

157kB

Step2: And add the acm folder to the templates\gk_spotlight

acm.zip

3kB

Step3: Add the following code to the language\en-GB\en-GB.tpl_gk_spotlight.ini file:

; ACM 
SOCIAL_SECTION_LABEL 		="Social Info"
SOCIAL_SECTION_DESC 		=""
SOCIAL_FONT_ICON_LABEL		="Social Icon"
SOCIAL_FONT_ICON_DESC		="Add Font Awesome icon for social icon, such as fa fa-facebook"
SOCIAL_TITLE_LABEL 			="Social Name"
SOCIAL_TITLE_DESC 			="Add Social Name"
SOCIAL_LINK_LABEL 			="Social Link"
SOCIAL_LINK_DESC 			="Add Social Link"

Step4: Add the following CSS code to the Backend > Site Template Styles > gk_spotlight - Default > Advanced settings > Custom CSS code:

.acm-social.style-1 .social-follow .social-inner {
    padding: 2px 6px;
    font-size: 13px;
}

.gkSocial h3.title {
    margin-left: 0;
}

Now, you can go to the Backend > Modules > add the JoomlArt Advanced Custom Module:

rkeles

Thank you.