Hover Grid with Group Filter

With Team Showcase it’s possible to include a menu to do a live filter of the groups of teams!

In this case the menu will have the departments of a company, and when clicked, only the team members of that department will display. Test it below.

  • All
  • Sales Team
  • Support
    • Human Resources
    • IT
  • Design
  • Finance
  • Marketing
Sales Agent
Copy Writer
Profile Picture
HR Assistant
Profile Picture
Costumer Support
Profile Picture
Social Networks Manager
Profile Image
Costumer Support
Profile Picture
Finance Analyst
Profile Picture
Market Analyst
Brian Picture
Web Designer
Profile Picture
Sales Agent
Profile Picture
Programmer
Profile Picture
Copy Writer
Profile Picture
Finance Analyst
Profile Picture
Finance Analyst
Profile Picture
Procurement Manager
Profile Picture
Sales Director
Profile Picture
Marketing Director
Profile Picture
Costumer Support
Susan Picture
Profile Picture
Sales Agent
Profile Picture
HR Assistant
Profile Picture
HR Director

Team Grid

Jane M. Jones
Los Angeles, Californa
Profile Picture
Juan A. Swain
LA, Californa
Profile Picture
Larry T. Collins
Philadelphia, PA
Profile Picture
Margaret Foote
Berlin, Germany

Ajax pagination! Try it! 

Circle Images Thumbnails Pager

Click on each picture to reveal more information!

Thumbnails Pager – Gallery – Layout

Table Layout

Jane M. JonesSales AgentLos Angeles, Californa
Melvin C. KellyCopy WriterLondon, UK
Profile Picture
Maria C. GarciaHR AssistantBuenos Aires, Argentina
Profile Picture
Jerry E. BacaCostumer SupportLos Angeles, Californa
Profile Picture
Juan A. SwainSocial Networks ManagerLA, Californa
Profile Picture
Mildred MartinDesignerBudapest, Hungary
Profile Image
Cora B. JordanCostumer SupportLos Angeles, Californa
Profile Picture
Joseph McKinnonFinance AnalystSidney, Australia
Profile Picture
Rhonda RubinMarket AnalystRio de Janeiro, Brazil
Brian Picture
Brian C. TravisWeb DesignerLos Angeles, CA

Circle Image with Information on Hover II

Melvin C. Kelly
Copy Writer
London, UK
Profile Picture
Juan A. Swain
Social Networks Manager
LA, Californa
Profile Picture
Rhonda Rubin
Market Analyst
Rio de Janeiro, Brazil
Profile Picture
Margaret Foote
Copy Writer
Berlin, Germany
Profile Picture
Robert M. Doran
Marketing Director
LA, Californa
Susan Picture
Ruth P. Gilliam
Marketing
LA, Californa

Circle Images Grid

Profile Picture
HR Assistant
Buenos Aires, Argentina
Profile Picture
HR Assistant
Los Angeles, Californa
Profile Picture
HR Director
Los Angeles, Californa

 

And another example with Free Content and single page link not active

 

Melvin C. Kelly
Copy Writer
You don't have to display only the predefined fields! There is a HTML field where you can write wherever you need!
Profile Picture
Juan A. Swain
Social Networks Manager
You don't have to display only the predefined fields! There is a HTML field where you can write wherever you need!

Grid with Badge Title Theme and Live Isotope Filter

  • All
  • Sales Team
  • Support
    • Human Resources
    • IT
  • Design
  • Finance
  • Marketing
Jane M. Jones
Sales Agent
Los Angeles, Californa
Melvin C. Kelly
Copy Writer
London, UK
Profile Picture
Maria C. Garcia
HR Assistant
Buenos Aires, Argentina
Profile Picture
Jerry E. Baca
Costumer Support
Los Angeles, Californa
Profile Picture
Juan A. Swain
Social Networks Manager
LA, Californa
Profile Picture
Mildred Martin
Designer
Budapest, Hungary
Profile Image
Cora B. Jordan
Costumer Support
Los Angeles, Californa
Profile Picture
Joseph McKinnon
Finance Analyst
Sidney, Australia
Profile Picture
Rhonda Rubin
Market Analyst
Rio de Janeiro, Brazil
Brian Picture
Brian C. Travis
Web Designer
Los Angeles, CA
Profile Picture
Mathew Hartley
Sales Agent
Los Angeles, CA
Profile Picture
Walter A. David
Programmer
San Francisco, California
Profile Picture
Margaret Foote
Copy Writer
Berlin, Germany
Profile Picture
Tiffany Matlock
Finance Analyst
Dublin, Ireland
Profile Picture
Lorene Spencer
Finance Analyst
London, UK
Profile Picture
Mike Christensen
Procurement Manager
Sacramento, CA
Profile Picture
Richard K. Vidal
Sales Director
Philadelphia, PA
Profile Picture
Robert M. Doran
Marketing Director
LA, Californa
Profile Picture
Elene McKnight
Costumer Support
USA
Susan Picture
Ruth P. Gilliam
Marketing
LA, Californa
Profile Picture
Robert K. Levine
Designer
Sacramento, CA
Profile Picture
Larry T. Collins
Sales Agent
Philadelphia, PA
Profile Picture
Ruth McKelvey
HR Assistant
Los Angeles, Californa
Profile Picture
Susan N. Young
HR Director
Los Angeles, Californa

Use this custom CSS to change the badge colour:

.tshowcase .ts-badge-style .tshowcase-box-title {background-color:#bc645b }
.tshowcase .ts-badge-style .tshowcase-box-title:hover {background-color:#bc645b }
.tshowcase .ts-badge-style .tshowcase-box-details::before {color:#bc645b }

Table Layout with Pagination

Jane M. JonesSales Agent
Melvin C. KellyCopy Writer
Profile Picture
Maria C. GarciaHR Assistant
Profile Picture
Jerry E. BacaCostumer Support
Profile Picture
Juan A. SwainSocial Networks Manager
Profile Picture
Mildred MartinDesigner
Profile Image
Cora B. JordanCostumer Support
Profile Picture
Joseph McKinnonFinance Analyst
Profile Picture
Rhonda RubinMarket Analyst
Brian Picture
Brian C. TravisWeb Designer

To have a layout with pagination, we just need to add the extra parameter in the shortcode pagination=’true’.