add social media link and icons | Community
Skip to main content
O
odabio
Level 2
October 21, 2021
Solved

add social media link and icons

  • October 21, 2021
  • 2 replies
  • 2466 views

Hi everyone

I’m trying to add social media icons ( Facebook, LinkedIn, Instagram, YouTube an Pinterest), just like the picture below.

I want to add the icons in the footer which is a experience fragment.

 

I want to be able to configure the links on each icon, so when a user clicks on each icon he can be redirected to that social media page.

 

Thanks in advance

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

2 replies

SantoshSai
Community Advisor
SantoshSaiCommunity AdvisorAccepted solution
Community Advisor
October 21, 2021

Hi @odabio 

 

You can use Icon Picker to implement it.

https://adobe-consulting-services.github.io/acs-aem-commons/features/ui-widgets/icon-picker/index.html

 

Regards,

Santosh

https://www.techinnovia.com/blog/

Santosh Sai
    Vijayalakshmi_S
    Vijayalakshmi_S
    Level 10
    October 21, 2021

    Hi @odabio,

    You can consider one of the below two options

    • Extend OOTB Button component (Need to have a means to locate the image/icons from DAM and amend HTL accordingly. You can extend along the similar lines as in the below blog ) 
    • Completely custom - Multifield component with each set having two fields, one to locate image and other to provide link and respective rendering logic.

     

      Terms & ConditionsAccessibility statement

      Loading footer...