How to add extra Social Icons for Helix framework?
5 (100%) 6 votes

It's time to create new or re-design your websites to bring it to the next level.

Download 100+ Free Joomla! templates Download 100+ Free WordPress themes

Hello everyone!

Many customer asked me about how to add more social icons (such as VK, Instagram,…) for helix framework. So, today I make this blog instruction with this question. Step by step, I will make example for VK social network and LT Inteco – Premium IT Company Joomla! template as example for this blog.

1/ Add more social field with PHP & HTML code for Helix III framework feature

Go to Admin > Extensions > Templates > Templates (File Manager for template), open LTHEME template.

Via template file list, click to folder ‘features’, and open file ‘social.php’. We just define new once social param, and make output style for them.

+ Via function renderFeature(), define new more social param

$vk = $this->helix3->getParam(‘vk’);

+ Then, add more HTML output for this social

if( $vk ) {
$html .= ‘<li><a target=”_blank” href=”‘. $vk .'”><i class=”fa fa-vk”></i></a></li>’;
}

* Remember that you must to define Font Awecome class for social because social load font awesome, not icon, in this case it’s “fa fa-vk”, you can see Font Awesome social class here.

2/ Define more social field for Template Settings on Helix III framework

Via Templates (File Manager for template), open file ‘templateDetails.xml’ and go to social defination code (search for keyword ‘social’, you will see it), define option for Template Settings

<field name=”vk” type=”text” label=”HELIX_SOCIAL_ICON_VK” description=”HELIX_SOCIAL_ICON_VK_DESC” class=”child social_icons social_icons_1″ />

HELIX_SOCIAL_ICON_VK and HELIX_SOCIAL_ICON_VK_DESC: you can define via language file, or make direct text, example: label=”VK Social Network” description=”This is social network URL and Icon for VK”.

So, now you can go to Template Settings, open tab ‘Basic’, find option ‘Social’, so you can see new social field that we just defined.

If you have any questions, please feel free to let me know.

Kelvin from L.THEME

Looking for a free Landing Pages template to start creating your stunning website?

90+ Landing Styles (Onepage) for Joomla! 80+ Landing Styles (Onepage) for WordPress

xMas

eskişehir escort izmit Escort bursa escort bayan ankara escort bayan van escort bayan elazığ escort bayan erzurum escort bayan
[Flash Sale!] 25% OFF for Everything! Save DEV time with PRO versions or Join Template Club now! Read More & Get Coupon Code!
[xMas is coming!!!] Enjoy huge savings with 50% discount across all L.THEME products! Grab discount code!