How to use loop item templates for displaying teams?

With TheGem Loop Items Builder, you can create custom designs for team members to display them in grids or lists on your page. Learn more about the Loop Items Builder in this chapter.

"Team" Content Element

After adding the Team content element to your page, use the Skin Source field to choose between "Built-In Skins" and Templates Builder:

If you select Templates Builder, you can:

• Choose a pre-existing loop item template created in the Templates Builder.
• Create a new loop item template by clicking Create Template.
• Insert a prebuilt loop item template by clicking Prebuilt Templates.

"Posts Extended Grid" and "Posts Carousel" Elements

In the Posts Extended Grid and Posts Carousel elements , you can also use loop item templates by selecting Templates Builder in the Skin Source field.

How to add dynamic social icon links to the team loop item template?

To add social profile links dynamically to a team member's loop item template, use the Social Icons content element as follows:

Elementor

1. Add the Social Icons element.
2. Use dynamic tags to assign social profile links dynamically, pulling specific links from the team member’s page options.

WPBakery

1. Add the Socials element.
2. Edit the respective social network profile in the repeater and select Dynamic in the Link Type field.
3. In the Select Dynamic Link field, choose the team member custom field to dynamically populate the link.