add social media link and icons

Question

Hi everyoneI’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

SantoshSai · Accepted Answer

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/

Vijayalakshmi_S · Answer

Hi @odabio,You can consider one of the below two optionsExtend 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 ) https://jimfrenette.com/aem/components/button-component/In XF, within a dedicated layout container for social media icons, add button component for as many links you have.Completely custom - Multifield component with each set having two fields, one to locate image and other to provide link and respective rendering logic.

Sign up

Login with SSO

Login to the community

Login with SSO