Essential Grid Social Share

This article will show you how to create a social sharing icon and share the post associated with the Grid Item to any social sites.

1. Create a Social Share Icon

Edit the grid skin using the Item Skin Editor
Select an Icon Layer and drag it to the Item Layout Drop Zone
Choose your preferred social icon and note down the social icon element name
Change the source to Text/HTML
Wrap your one of the following available social icons element name into a code as shown below and insert into the Text/HTML
  • eg-icon-facebook
  • eg-icon-twitter

2. Create a Social Share Link

Hyperlink different Social Icons by modifying the class name and Social Share Link.
Facebook

Twitter

Insert the Post URL meta into the code, so that the post associated with the Grid Item will be shared.