[solved] Adding Instagram Icon on Prestashop 1.5.4.1

[hyreee]

Hello,

 

I want to add up Instagram icon at the Follow us area at Home.

I go to module> social networking block , but only have 3 icons ; FB, Twitter, RSS.

 

Hence, i go to ;

public_html/themes/theme646/modules/blocksocial

 

The code as below;

<div id="social_block">

<h4>{l s='Follow us' mod='blocksocial'}</h4>

<ul>

 

{if $facebook_url != ''}<li class="facebook"><a href="{$facebook_url|escape:html:'UTF-8'}">{l s='Facebook' mod='blocksocial'}</a></li>{/if}

 

{if $twitter_url != ''}<li class="twitter"><a href="{$twitter_url|escape:html:'UTF-8'}">{l s='Twitter' mod='blocksocial'}</a></li>{/if}

 

{if $rss_url != ''}<li class="rss"><a href="{$rss_url|escape:html:'UTF-8'}">{l s='RSS' mod='blocksocial'}</a></li>{/if}

 

</ul>

</div>

 

How to add up the instagram?

[vekia]

right after rss add this:

<li class="instagram"><a href="url_to_your_instagram_profile">{l s='Instagram' mod='blocksocial'}</a></li>

 

then open the global.css

you've got there something like:

/*************** Block SOCIAL ***************/
#social_block {padding:15px 10px;}
#social_block li {padding-left:22px !important;}
#social_block li.facebook {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 6px;}
#social_block li.twitter {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -26px;}
#social_block li.rss {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -56px;}

 

 

add instagram style, like this:

#social_block li.instagram {background:url(http://www.smith.edu...nstagram-16.png) no-repeat}

 

 

don't forget about instagram icon (i pasted icon to another website - you have to download it and upload on own server)

[hyreee]

Done it!

 

Tq!

[vekia]

you're welcome

 

thanks for information now I can mark this thread as [solved]

 

regards

[Generaal]

Thanks vekia,

It's the best I have read today!

I will tray it for the skype, on the moment they hang on the left kolom and I will it transport to te footer, under the "Follow us" title.

 

Best Regards,

Generaal

[Deragos Webdesign]

Vekia,

You might have a solution to this not appearing instagram icon with version 1.7.7.1 ? I cant find this part of code..

I looked at this topic..:

 

Still cant do it for 1.7.7.1 sorry..

Gr.

Dragos