Social Icon doesn't work in the Social networking block

[Svaboda]

Hello everybody!

 

Found problem in the Social networking block. There are several social network URLs available in the back office of Social networking block. But Instagram and Vimeo links don't work, if be more accurate -their icons don't appear on the front office. I've tried to realize what happened and found this "bug"  - there are no lines for "Instagan" and "Vimeo" in global.css file (lines 6963-6974).

 Code sample:

 .footer-container #footer #social_block ul li.facebook a:before {

            content: "\f09a"; }

          .footer-container #footer #social_block ul li.twitter a:before {

            content: "\f099"; }

          .footer-container #footer #social_block ul li.rss a:before {

            content: "\f09e"; }

          .footer-container #footer #social_block ul li.youtube a:before {

            content: "\f167"; }

          .footer-container #footer #social_block ul li.google-plus a:before {

            content: "\f0d5"; }

          .footer-container #footer #social_block ul li.pinterest a:before {

            content: "\f0d2"; }

 

What should I type for fixing? I understand that I could copy and paste line, change name etc. But I don't know what "f0d5" and others "f0" mean. My coding knowledge is not perfect

Edited October 14, 2014 by Svaboda (see edit history)

[twtreff]

I would also be interested in an easy fix to add the instagram icon.

[vekia]

go to themes/your-theme/modules/ 

and open social block module directory,

remove .tpl file from this dir.

[twtreff]

Thanks for the quick reply. Unfortunately, that did not work for me.  It now shows the two icons (youtube & facebook) as it did before, but now also has the words facebook and youtube as links spelled out on top of each other.  Still nothing with respect to Instagram.  Here is a link:http://speedconceptsonline.com/buyspeed/.

 

I deleted the .tpl file from the blocksocial folder in my themes, not the one in the other modules section accessed from the main directory. 

 

What else could I try?

[twtreff]

Still frustrated by this one.  I have deleted the .tpl file from the themes section as vekia had suggested.  I have also downloaded an installed the latest .tpl file in the other directory - which now has a line for instragram included.  So now it shows the facebook logo perfectly, it shows the youtube logo, but also with the word youtube attached right underneath and it has instagram spelled out, but no logo.  Does not make sense to me.  What to try now?  Do I have to upload some instagram logo to an img file somewhere?  Any help would be appreciated.

 

Thanks,

Todd

[vekia]

can you show module .tpl file, please?

(from module directory)

 

cases like that need inspection.

[twtreff]

Of course.  Not sure how people normally attach items on here for review, but for some reason, it said I cannot attach the .tpl file directly.  So I made a .pdf of it to attach.  Hope this works...

 

blocksocial.tpl.pdfFetching info...

[twtreff]

Vekia,

 

Any chance you could look at the .tpl file I uploaded and help me resolve this issue?

 

Thanks,

Todd

[rv31]

the answer is here http://forge.prestashop.com/browse/PNM-2462

and it is necessary to download the latest version of fontmach

[lysybogu]

I had the same problem, the solution:

 

1. Open the file: themes/your_theme/css/global.css and find the line:

.footer-container #footer #social_block ul li.facebook a:before {
 content: "\f09a"; }

2. Add the following line:

.footer-container #footer #social_block ul li.instagram a:before { content: "\f16d"; }

That's all Instagram icon should appear