How to Add LinkedIn

Created by Freshwork RCK, Modified on Fri, 27 Feb at 4:00 PM by Freshwork RCK

To add LinkedIn on Emporium: 
Enter this code in the "Javascript On Ready" section in FP: 
var socialFacebook = $('a.facebook'); 
if (typeof(socialFacebook) != 'undefined' && socialFacebook != null) 

$('

  • ').insertAfter($('a.facebook').parent()); 

    (Make sure to swap out the LinkedIn URL for the right one)

    To add LinkedIn on Venture: 
    Enter this code in the "Javascript On Ready" section in FP: 
    var socialFacebook = $('a.twitter'); 
    if (typeof(socialFacebook) != 'undefined' && socialFacebook != null) 

    $('

  • ').insertAfter($('a.twitter').parent()); 

    (Make sure to swap out the LinkedIn URL for the right one)

    And then enter this code in the CSS: 
    .social-sharing a.linkedin:before{ content: '2'; }

    If social sharing is also on product pages, add this line to the CSS also: 
    .product-social-sharing a.linkedin:before{ content: '2'; }

    To add LinkedIn on Prisma: 
    Enter this code in the "Javascript On Ready" section in FP: 
    var socialFacebook = $('a.facebook'); 
    if (typeof(socialFacebook) != 'undefined' && socialFacebook != null) 

    $('

  • ').insertAfter($('a.facebook').parent()); 

    (Make sure to swap out the LinkedIn URL for the right one)

    Then in the CSS, add this:
    .social-sharing a.linkedin {
    background: url(/images/uploaded/linkedin-white-sm.png) !important;
    background-color: #78a32e !important;
    }
    .social-sharing a.linkedin:before {
    background: url(/images/uploaded/linkedin-green-sm.png) !important;
    background-color: #fff !important;
    }
    ***Need to upload white and green LinkedIn icon png files***
    Can steal from TI Foods:
    https://prsiteimages.blob.core.windows.net/fpsite/article/8ccv3t3-50473/linkedin_white_sm_56530b5c.png
    https://prsiteimages.blob.core.windows.net/fpsite/article/8ccv3t3-50473/linkedin_green_sm_bb9909ca.png

    You will also have to change the background color to match the site you're working on, and edit the color of the 'green' PNG file accordingly.

    Was this article helpful?

    That’s Great!

    Thank you for your feedback

    Sorry! We couldn't be helpful

    Thank you for your feedback

    Let us know how can we improve this article!

    Select at least one of the reasons
    CAPTCHA verification is required.

    Feedback sent

    We appreciate your effort and will try to fix the article