<style>
   
.kblist-inline li {
    display : {$alignment_type};
}    
{if isset($is_class_added) && $is_class_added == 1}
#output li {
    display : {$alignment_type};
}
{else}
   #output {
    display : {$alignment_type};
} 
#output li {
    display : {$alignment_type};
}
{/if}
</style>
    {if isset($short_code) && !$short_code}
    {if $position == 'header'}
        <div id="head"><a class="hover-link sign-up-text form-style" style="margin-top: 5px;float:initial;">{$sign_up_text}</a>
            <div style="float:none;width:0px;position: absolute;">&nbsp;</div>
    {else if $position == 'footer'}
        <div class="sl_footer"><a class="hover-link" style="float: none;">
            {$sign_up_text}</a><ul id="output" class="velsof-sub-options" style="float: none;">
    {else}
        <div id="head"><a class="hover-link sign-up-text form-style">{$sign_up_text}</a>
            <div style="float:none;width:0px;position: absolute;">&nbsp;</div>
    {/if}    
{/if}

    <ul id="output" {if isset($is_class_added) && $is_class_added == 1}{*{if isset($short_code) && !$short_code}*}class="kbsocial-icons {$icon_type} {$hover_effect} kblist-unstyled kblist-inline"{*{/if}*}{else}class="{$icon_class}"{/if}>
    
        {if (isset($plugin_data['facebook']['enable']) && $plugin_data['facebook']['enable'] == 1 && isset($layout_data['social_login']['facebook']))}
            <li data-index="{$plugin_data['loginizer_sequence']['facebook']}">
                {if $is_pill_or_tab != ''}
                <a style="background: {$layout_data['social_login']['facebook']['background_color']}; color: {$layout_data['social_login']['facebook']['text_color']} !important;" type="fb" href="{$social_links['facebook']}{$append_with}type=fb" title="Facebook" class="btn kbazm-social kbazm-btn {$is_pill_or_tab} kbazm-facebook"><span class="kb-icon"><i class="fa fa-facebook" style="color: {$layout_data['social_login']['facebook']['icon_color']};"></i></span> <span class="kb-text">{l s='Login with Facebook' mod='socialloginizer'}</span></a>
                {else}
                <a type="fb" href="{$social_links['facebook']}{$append_with}type=fb" title="Facebook">
                    <i class="fa fa-facebook" {if $layout_data['button_color'] == 'customized'} style="background: {$layout_data['social_login']['facebook']['background_color']}; color: {$layout_data['social_login']['facebook']['icon_color']};" {/if}></i>
                </a>
                {/if}
            </li>
        {/if}
        {if isset($plugin_data['gplus']['enable']) && $plugin_data['gplus']['enable'] == 1 && isset($layout_data['social_login']['google'])}
            <li data-index="{$plugin_data['loginizer_sequence']['google']}">
                {if $is_pill_or_tab != ''}
                
                <a style="background: {$layout_data['social_login']['google']['background_color']}; color: {$layout_data['social_login']['google']['text_color']} !important;"  href="{$social_links['google']}{$append_with}type=google" title="Google" class="btn kbazm-social kbazm-btn {$is_pill_or_tab} kbazm-google"><span class="kb-icon"><i class="fa fa-google"  style="color: {$layout_data['social_login']['google']['icon_color']};"></i></span> <span class="kb-text">{l s='Login with Google' mod='socialloginizer'}</span></a>

                {else}
                <a href="{$social_links['google']}{$append_with}type=google" title="Google">
                    <i class="fa fa-google" {if $layout_data['button_color'] == 'customized'} style="background: {$layout_data['social_login']['google']['background_color']}; color: {$layout_data['social_login']['google']['icon_color']};" {/if}></i>
                </a>
                {/if}
                
            </li>    
        {/if}
        {if (isset($plugin_data['linked']['enable']) && $plugin_data['linked']['enable'] == 1 && isset($layout_data['social_login']['linkedin']))}
            <li data-index="{$plugin_data['loginizer_sequence']['linkedin']}">
                {if $is_pill_or_tab != ''}
                
                <a style="background: {$layout_data['social_login']['linkedin']['background_color']}; color: {$layout_data['social_login']['linkedin']['text_color']} !important;"  href="{$social_links['linkedin']}{$append_with}type=linkedin" title="Linkedin" class="btn kbazm-social kbazm-btn {$is_pill_or_tab} kbazm-linkedin"><span class="kb-icon"><i class="fa fa-linkedin"  style="color: {$layout_data['social_login']['linkedin']['icon_color']};"></i></span> <span class="kb-text">{l s='Login with linkedin' mod='socialloginizer'}</span></a>

                {else}
                <a href="{$social_links['linkedin']}{$append_with}type=linkedin" title="Linkedin">
                    <i class="fa fa-linkedin" {if $layout_data['button_color'] == 'customized'} style="background: {$layout_data['social_login']['linkedin']['background_color']}; color: {$layout_data['social_login']['linkedin']['icon_color']};" {/if}></i>
                </a>
                {/if}
                
            </li>    
        {/if}
        {if (isset($plugin_data['live']['enable']) && $plugin_data['live']['enable'] == 1 && isset($layout_data['social_login']['live']))}
            <li data-index="{$plugin_data['loginizer_sequence']['live']}">
                {if $is_pill_or_tab != ''}
                
                <a style="background: {$layout_data['social_login']['live']['background_color']}; color: {$layout_data['social_login']['live']['text_color']} !important;"  href="{$social_links['live']}{$append_with}type=live" title="Live" class="btn kbazm-social kbazm-btn {$is_pill_or_tab} kbazm-linkedin"><span class="kb-icon"><i class="fa fa-windows"  style="color: {$layout_data['social_login']['live']['icon_color']};"></i></span> <span class="kb-text">{l s='Login with Live' mod='socialloginizer'}</span></a>

                {else}
                <a href="{$social_links['live']}{$append_with}type=live" title="Live">
                    <i class="fa fa-windows" {if $layout_data['button_color'] == 'customized'} style="background: {$layout_data['social_login']['live']['background_color']}; color: {$layout_data['social_login']['live']['icon_color']};" {/if}></i>
                </a>
                {/if}
                
            </li>    
        {/if}
        {if (isset($plugin_data['twitter']['enable']) && $plugin_data['twitter']['enable'] == 1 && isset($layout_data['social_login']['twitter']))}
            <li data-index="{$plugin_data['loginizer_sequence']['twitter']}">
                {if $is_pill_or_tab != ''}
                
                <a style="background: {$layout_data['social_login']['twitter']['background_color']}; color: {$layout_data['social_login']['twitter']['text_color']} !important;"  href="{$social_links['twitter']}{$append_with}type=tweet" title="Twitter" class="btn kbazm-social kbazm-btn {$is_pill_or_tab} kbazm-twitter"><span class="kb-icon"><i class="fa fa-twitter"  style="color: {$layout_data['social_login']['twitter']['icon_color']};"></i></span> <span class="kb-text">{l s='Login with Twitter' mod='socialloginizer'}</span></a>

                {else}
                <a href="{$social_links['twitter']}{$append_with}type=tweet" title="Twitter">
                    <i class="fa fa-twitter" {if $layout_data['button_color'] == 'customized'} style="background: {$layout_data['social_login']['twitter']['background_color']}; color: {$layout_data['social_login']['twitter']['icon_color']};" {/if}></i>
                </a>
                {/if}
                
            </li>    
        {/if}
        {* changes by rishabh jain *}
        {if (isset($plugin_data['instagram']['enable']) && $plugin_data['instagram']['enable'] == 1 && isset($layout_data['social_login']['instagram']))}
            
            <li data-index="{$plugin_data['loginizer_sequence']['instagram']}">
                {if $is_pill_or_tab != ''}
                
                <a style="background: {$layout_data['social_login']['instagram']['background_color']}; color: {$layout_data['social_login']['instagram']['text_color']} !important;"  href="{$social_links['instagram']}{$append_with}type=instagram" title="Instagram" class="btn kbazm-social kbazm-btn {$is_pill_or_tab} kbazm-instagram"><span class="kb-icon"><i class="fa fa-instagram"  style="color: {$layout_data['social_login']['instagram']['icon_color']};"></i></span> <span class="kb-text">{l s='Login with Instagram' mod='socialloginizer'}</span></a>

                {else}
                <a href="{$social_links['instagram']}{$append_with}type=instagram" title="Instagram">
                    <i class="fa fa-instagram" {if $layout_data['button_color'] == 'customized'} style="background: {$layout_data['social_login']['instagram']['background_color']}; color: {$layout_data['social_login']['instagram']['icon_color']};" {/if}></i>
                </a>
                {/if}
            </li>    
        {/if}
        {* changes over *}
        {if (isset($plugin_data['yahoo']['enable']) && $plugin_data['yahoo']['enable'] == 1 && isset($layout_data['social_login']['yahoo']))}
            <li data-index="{$plugin_data['loginizer_sequence']['yahoo']}">
                {if $is_pill_or_tab != ''}
                
                <a style="background: {$layout_data['social_login']['yahoo']['background_color']}; color: {$layout_data['social_login']['yahoo']['text_color']} !important;"  href="{$social_links['ylogin']}{$append_with}type=yahoo" title="Yahoo" class="btn kbazm-social kbazm-btn {$is_pill_or_tab} kbazm-yahoo"><span class="kb-icon"><i class="fa fa-yahoo"  style="color: {$layout_data['social_login']['yahoo']['icon_color']};"></i></span> <span class="kb-text">{l s='Login with Yahoo' mod='socialloginizer'}</span></a>

                {else}
                <a href="{$social_links['ylogin']}{$append_with}type=yahoo" title="Yahoo">
                    <i class="fa fa-yahoo" {if $layout_data['button_color'] == 'customized'} style="background: {$layout_data['social_login']['yahoo']['background_color']}; color: {$layout_data['social_login']['yahoo']['icon_color']};" {/if}></i>
                </a>
                {/if}
                
            </li>    
        {/if}
        {if (isset($plugin_data['amazon']['enable']) && $plugin_data['amazon']['enable'] == 1 && isset($layout_data['social_login']['amazon']))}
            <li data-index="{$plugin_data['loginizer_sequence']['amazon']}">
                {if $is_pill_or_tab != ''}
                <a style="background: {$layout_data['social_login']['amazon']['background_color']}; color: {$layout_data['social_login']['amazon']['text_color']} !important;"  href="{$social_links['amazon']}{$append_with}type=amazon" title="Amazon" class="btn kbazm-social kbazm-btn {$is_pill_or_tab} kbazm-amazon"><span class="kb-icon"><i class="fa fa-amazon" style="color: {$layout_data['social_login']['amazon']['icon_color']};"></i></span> <span class="kb-text">{l s='Login with Amazon' mod='socialloginizer'}</span></a>
                {else}
                <a href="{$social_links['amazon']}{$append_with}type=amazon" title="Amazon">
                    <i class="fa fa-amazon" {if $layout_data['button_color'] == 'customized'} style="background: {$layout_data['social_login']['amazon']['background_color']}; color: {$layout_data['social_login']['amazon']['icon_color']};" {/if}></i>
                </a>
                {/if}
            </li>    
        {/if}
        {if (isset($plugin_data['pay']['enable']) && $plugin_data['pay']['enable'] == 1 && isset($layout_data['social_login']['paypal']))}
            <li data-index="{$plugin_data['loginizer_sequence']['paypal']}">
                {if $is_pill_or_tab != ''}
                
                <a style="background: {$layout_data['social_login']['paypal']['background_color']}; color: {$layout_data['social_login']['paypal']['text_color']} !important;"  href="{$social_links['paypal']}{$append_with}type=pay" title="Paypal" class="btn kbazm-social kbazm-btn {$is_pill_or_tab} kbazm-paypal"><span class="kb-icon"><i class="fa fa-paypal" style="color: {$layout_data['social_login']['paypal']['icon_color']};"></i></span> <span class="kb-text">{l s='Login with Paypal' mod='socialloginizer'}</span></a>

                {else}
                <a href="{$social_links['paypal']}{$append_with}type=pay" title="Paypal">
                    <i class="fa fa-paypal" {if $layout_data['button_color'] == 'customized'} style="background: {$layout_data['social_login']['paypal']['background_color']}; color: {$layout_data['social_login']['paypal']['icon_color']};" {/if}></i>
                </a>
                {/if}
            </li>    
        {/if}
        {if (isset($plugin_data['foursquare']['enable']) && $plugin_data['foursquare']['enable'] == 1 && isset($layout_data['social_login']['foursquare']))}
            <li data-index="{$plugin_data['loginizer_sequence']['foursquare']}">
                {if $is_pill_or_tab != ''}
                
                <a style="background: {$layout_data['social_login']['foursquare']['background_color']}; color: {$layout_data['social_login']['foursquare']['text_color']} !important;"  href="{$social_links['foursquare']}{$append_with}type=foursquare" title="foursquare" class="btn kbazm-social kbazm-btn {$is_pill_or_tab} kbazm-foursquare"><span class="kb-icon"><i class="fa fa-foursquare" style="color: {$layout_data['social_login']['foursquare']['icon_color']};"></i></span> <span class="kb-text">{l s='Login with Foursquare' mod='socialloginizer'}</span></a>

                {else}
                <a href="{$social_links['foursquare']}{$append_with}type=foursquare" title="foursquare">
                    <i class="fa fa-foursquare" {if $layout_data['button_color'] == 'customized'} style="background: {$layout_data['social_login']['foursquare']['background_color']}; color: {$layout_data['social_login']['foursquare']['icon_color']};" {/if}></i>
                </a>
                {/if}
            </li>    
        {/if}
        {if (isset($plugin_data['github']['enable']) && $plugin_data['github']['enable'] == 1 && isset($layout_data['social_login']['github']))}
            <li data-index="{$plugin_data['loginizer_sequence']['github']}">
                {if $is_pill_or_tab != ''}
                <a style="background: {$layout_data['social_login']['github']['background_color']}; color: {$layout_data['social_login']['github']['text_color']} !important;"  href="{$social_links['github']}{$append_with}type=github" title="github" class="btn kbazm-social kbazm-btn {$is_pill_or_tab} kbazm-github"><span class="kb-icon"><i class="fa fa-github" style="color: {$layout_data['social_login']['github']['icon_color']};"></i></span> <span class="kb-text">{l s='Login with Github' mod='socialloginizer'}</span></a>
                {else}
                <a href="{$social_links['github']}{$append_with}type=github" title="github">
                    <i class="fa fa-github" {if $layout_data['button_color'] == 'customized'} style="background: {$layout_data['social_login']['github']['background_color']}; color: {$layout_data['social_login']['github']['icon_color']};" {/if}></i>
                </a>
                {/if}
            </li>    
        {/if}
        {if (isset($plugin_data['disqus']['enable']) && $plugin_data['disqus']['enable'] == 1 && isset($layout_data['social_login']['disqus']))}
            <li data-index="{$plugin_data['loginizer_sequence']['disqus']}">
                {if $is_pill_or_tab != ''}
                
                <a style="background: {$layout_data['social_login']['disqus']['background_color']}; color: {$layout_data['social_login']['disqus']['text_color']} !important;"  href="{$social_links['disqus']}{$append_with}type=disqus" title="disqus" class="btn kbazm-social kbazm-btn {$is_pill_or_tab} kbazm-disqus"><span class="kb-icon"><i class="fa disqus" style="color: {$layout_data['social_login']['disqus']['icon_color']};"></i></span> <span class="kb-text">{l s='Login with Disqus' mod='socialloginizer'}</span></a>

                {else}
                <a href="{$social_links['disqus']}{$append_with}type=disqus" title="disqus">
                    <i class="fa disqus" {if $layout_data['button_color'] == 'customized'} style="background: {$layout_data['social_login']['disqus']['background_color']}; color: {$layout_data['social_login']['disqus']['icon_color']};" {/if}></i>
                </a>
                {/if}
                
            </li>    
        {/if}
        {if (isset($plugin_data['vk']['enable']) && $plugin_data['vk']['enable'] == 1 && isset($layout_data['social_login']['vkontakte']))}
            <li data-index="{$plugin_data['loginizer_sequence']['vk']}">
                {if $is_pill_or_tab != ''}
                
                <a style="background: {$layout_data['social_login']['vkontakte']['background_color']}; color: {$layout_data['social_login']['vkontakte']['text_color']} !important;"  href="{$social_links['vk']}{$append_with}type=vk" title="vk" class="btn kbazm-social kbazm-btn {$is_pill_or_tab} kbazm-instagram"><span class="kb-icon"><i class="fa fa-vk" style="color: {$layout_data['social_login']['vkontakte']['icon_color']};"></i></span> <span class="kb-text">{l s='Login with vk' mod='socialloginizer'}</span></a>

                {else}
                <a href="{$social_links['vk']}{$append_with}type=vk" title="vk">
                    <i class="fa fa-vk" {if $layout_data['button_color'] == 'customized'} style="background: {$layout_data['social_login']['vkontakte']['background_color']}; color: {$layout_data['social_login']['vkontakte']['icon_color']};" {/if}></i>
                </a>
                {/if}
            </li>    
        {/if}
        {if (isset($plugin_data['wordpress']['enable']) && $plugin_data['wordpress']['enable'] == 1 && isset($layout_data['social_login']['wordpress']))}
            <li data-index="{$plugin_data['loginizer_sequence']['wordpress']}">
                {if $is_pill_or_tab != ''}
                
                <a style="background: {$layout_data['social_login']['wordpress']['background_color']}; color: {$layout_data['social_login']['wordpress']['text_color']} !important;"  href="{$social_links['wordpress']}{$append_with}type=wordpress" title="wordpress" class="btn kbazm-social kbazm-btn {$is_pill_or_tab} kbazm-wordpress"><span class="kb-icon"><i class="fa fa-wordpress" style="color: {$layout_data['social_login']['wordpress']['icon_color']};"></i></span> <span class="kb-text">{l s='Login with wordpress' mod='socialloginizer'}</span></a>

                {else}
                <a href="{$social_links['wordpress']}{$append_with}type=wordpress" title="wordpress">
                    <i class="fa fa-wordpress" {if $layout_data['button_color'] == 'customized'} style="background: {$layout_data['social_login']['wordpress']['background_color']}; color: {$layout_data['social_login']['wordpress']['icon_color']};" {/if}></i>
                </a>
                {/if}
        
            </li>    
        {/if}
        {if (isset($plugin_data['dropbox']['enable']) && $plugin_data['dropbox']['enable'] == 1 && isset($layout_data['social_login']['dropbox']))}
            <li data-index="{$plugin_data['loginizer_sequence']['dropbox']}">
                {if $is_pill_or_tab != ''}
                
                <a style="background: {$layout_data['social_login']['dropbox']['background_color']}; color: {$layout_data['social_login']['dropbox']['text_color']} !important;"  href="{$social_links['dropbox']}{$append_with}type=dropbox" title="dropbox" class="btn kbazm-social kbazm-btn {$is_pill_or_tab} kbazm-dropbox"><span class="kb-icon"><i class="fa fa-dropbox" style="color: {$layout_data['social_login']['dropbox']['icon_color']};"></i></span> <span class="kb-text">{l s='Login with Dropbox' mod='socialloginizer'}</span></a>

                {else}
                <a href="{$social_links['dropbox']}{$append_with}type=dropbox" title="dropbox">
                    <i class="fa fa-dropbox" {if $layout_data['button_color'] == 'customized'} style="background: {$layout_data['social_login']['dropbox']['background_color']}; color: {$layout_data['social_login']['dropbox']['icon_color']};" {/if}></i>
                </a>
                {/if}
                
            </li>    
        {/if}
    </ul>
    {if isset($short_code) && $short_code}<div style="float:none;width:0px;position: absolute;">&nbsp;</div>{/if}
    {if $position == 'footer'}<div style="float:none;width:0px;position: absolute;">&nbsp;</div>{/if}
    {if isset($short_code) && !$short_code}
    {if $position == 'header'}
    </div>
    {else if $position == 'footer'}
    </div>
    {else}
    </div>
    {/if}    
{/if}    
{*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer tohttp://www.prestashop.com for more information.
* We offer the best and most useful modules PrestaShop and modifications for your online store.
*
* @category  PrestaShop Module
* @author    knowband.com <support@knowband.com>
* @copyright 2017 Knowband
* @license   see file: LICENSE.txt
*
* Description
*
* Social Loginizer HTML Content
*}