Prestashop 1.7.8 Tiktok Logo not appearing.

[Meaty1212]

Hello Prestashop, 

Currently working on adding the tiktok svg to ps_socialfollow.tpl so it shows up on the banner with FB and Instagram. I found the path to tiktok svg via https://webcomponents.ucla.edu/build/1.0.0-beta.6/components/detail/social-svg--tiktok.html

d="M38.0766847,15.8542954 C36.0693906,15.7935177 34.2504839,14.8341149 32.8791434,13.5466056 C32.1316475,12.8317108 31.540171,11.9694126 31.1415066,11.0151329 C30.7426093,10.0603874 30.5453728,9.03391952 30.5619062,8 L24.9731521,8 L24.9731521,28.8295196 C24.9731521,32.3434487 22.8773693,34.4182737 20.2765028,34.4182737 C19.6505623,34.4320127 19.0283477,34.3209362 18.4461858,34.0908659 C17.8640239,33.8612612 17.3337909,33.5175528 16.8862248,33.0797671 C16.4386588,32.6422142 16.0833071,32.1196657 15.8404292,31.5426268 C15.5977841,30.9658208 15.4727358,30.3459348 15.4727358,29.7202272 C15.4727358,29.0940539 15.5977841,28.4746337 15.8404292,27.8978277 C16.0833071,27.3207888 16.4386588,26.7980074 16.8862248,26.3604545 C17.3337909,25.9229017 17.8640239,25.5791933 18.4461858,25.3491229 C19.0283477,25.1192854 19.6505623,25.0084418 20.2765028,25.0219479 C20.7939283,25.0263724 21.3069293,25.1167239 21.794781,25.2902081 L21.794781,19.5985278 C21.2957518,19.4900128 20.7869423,19.436221 20.2765028,19.4380839 C18.2431278,19.4392483 16.2560928,20.0426009 14.5659604,21.1729264 C12.875828,22.303019 11.5587449,23.9090873 10.7814424,25.7878401 C10.003907,27.666593 9.80084889,29.7339663 10.1981162,31.7275214 C10.5953834,33.7217752 11.5748126,35.5530237 13.0129853,36.9904978 C14.4509252,38.4277391 16.2828722,39.4064696 18.277126,39.8028054 C20.2711469,40.1991413 22.3382874,39.9951517 24.2163416,39.2169177 C26.0948616,38.4384508 27.7002312,37.1209021 28.8296253,35.4300711 C29.9592522,33.7397058 30.5619062,31.7522051 30.5619062,29.7188301 L30.5619062,18.8324027 C32.7275484,20.3418321 35.3149087,21.0404263 38.0766847,21.0867664 L38.0766847,15.8542954 Z

But it seems that code doesn't work, I can copy the vimeo d= path and it displays the vimeo. Am I doing it wrong? or does that tiktok code not work with Prestashop? 

Edited April 10, 2023 by Meaty1212 (see edit history)

[Meaty1212]

Any one know why?

[dandani]

hi, 

i have the same problem

[dandani]

hi,

anyone have solved this ?

please

[dandani]

Hi,

 

I have found the solution.

1 - Download the last version of the Font Awesome from : https://fontawesome.com/

2 - Remplace into your template in themes/your_templates/assets/css the file : fontawesome-all.css with the new download : all.css and rename it with the name fontawesome-all.css

3 - remplace the folder : themes/your_templates/assets/css/webfonts with the new downloaded

4 - in the file custom.css , change the font-family: for .social_follow {} from  font-family: 'Line Awesome Brands'; to font-family: 'Font Awesome 5 Brands';

5 - Add this into the file custom.css : 

.social_follow li.tiktok a:before {
      content: "\e07b"; 
        }

that's the all

[Zohaib-fk]

You can check the path of the image file and file exists on the same path or not using the page view source option or the Firefox F12 option.

If an image is getting added via a CSS file then need to check the respective CSS file to include the CSS file.

[Phil2Fer65]

j'utilise la police icomoon (en fait c'est mon thème)

connaissez-vous le code ascii de l'icone TikTok avec cette police ?

d'avance merci

Phil

Edited December 15, 2023 by Phil2Fer65 (see edit history)

[Sashok]

.fa-tiktok:before {
content: url("dataimage...3E") !important;
}

 

[Phil2Fer65]

On 1/16/2024 at 12:50 AM, Sashok said:

.fa-tiktok:before {
content: url("dataimage...3E") !important;
}

 

Thanks !!