Team Showcase Pro

The most versatile plugin to create and manage your Team Members. Packed with 5 unique presets and number of styles to choose from.

Team Showcase plugin is fully responsive & mobile friendly with multiple features. This Team plugin allows you display your team members in different presets such like Gridder,  Team Slider, Team Filter, Grids, and tabular with multiple team styles.

There are Three type of column layout setting In Grid, Gridder, Team Filter & Slider preset where you can adjust as 2 column, 3 Column or 4 Column layout. There are Seven Types of popup setting which makes More Attractive Details about your team member.

 

Plugin Demo: Team Demo

Index:

  1.  Plugin Installation
  2.  Add New Category
  3.  Add New Team
  4.  Publish Team in Page/Post
  5.  Team Settings
    1. Preset Style
    2. Display Settings
    3. Color Settings
    4. Font Settings
    5. Team Slider Settings
    6. Team Filter Settings
    7. Tabular Settings
    8. Addition CSS Field

Here we explaining how you can installation, configuration and publishing Team Showcase Pro plugin.

Follow these steps to Publish your Team Showcase Pro plugin:

1. Plugin Installation:

Please check our tutorial for “How to Install Premium plugin to your WordPress Directory“.

After download plugin Upload & Activate plugin into WordPress site.

Now Plugin is successfully installed

Goto Top


2. Create New Category:

Go to  Team Showcase Pro plugin menu, then click on Category sub menu.

Enter Category Name and Click on Add New Category Button. Adding Category will be reflected in left side Saved category table.

Goto Top


3. Create New Team:

Go to Team Showcase Pro plugin menu, then click on Add New Team button.

Now Enter your Team Title and click on Add New Member button

When you click on Add New Member button than a pop window will appears that is Multiple Image Uploader. Using multiple image uploader you can upload and add multiple images in any Team.

Use CTRL key to select multiple images randomly and Use SHIFT key to select multiple images continuously. Now click on Select button to insert selected images into galleries.

After click on select button, all selected image will display on your Team in the form of image thumbnail. Like Below Image

Click to EDIT link to update member details. On Click member details popup will be one enter to member details. You can add all member details like this and click to publish/update button from to save changes.

Here we describe each section of the above image and their uses.

    1. Member Detail :- This section have member details. If you don’t want to show some field/detail make these field empty.
      1. Member Name:- Enter Team Member Name.
      2. Member Designation :- Enter Member Designation/post in this field.
      3. Member Description :- You can also enter member small description in this field. Like about his work on your company.
      4. Tel/Mobile Number:- You can also show your team member mobile number.
      5. Email Address :- Enter the mail address of your team member.
      6. Website Name :- If your member have presional website you can enter website name.
      7. Website URL :- Enter member website URL.
      8. Member Address :- You can also enter member address.
    2. Social Links :- Use this tab to enter member social profiles link. If you don’t want to show any social link leave these field empty.
    3.  Filter Category :- This will work with Team Filter Preset style. The selected category is used to filter team members.

After made all change click to publish or update button.

Goto Top


4. Publish Team anywhere in your site:

When you create Team you can publish Team in any anywhere, you just need to enter shortcode.

Go to All Teams menu page. Here you get all your saved Teams with their shortcodes.

You can also Click on Edit Button of any team from All Team Page and copy the shortcode Like Below Image. Copy the Team shortcode :- [WTSP id=752]

Now Go to Add New Page using Pages/post menu. Give Title to page/post and paste your copied [WTSP id=752] shortcode into page/post content editor. Click on Publish button to publish your team into page/post.

Team Preview into Page/post:

Goto Top


5. Team Settings:

Through Team settings you can configure DISPLAY SETTINGS, COLOR SETTINGS, FONT SETTINGS, TEAM SLIDER SETTINGS, TEAM FILTER SETTINGS, TABULAR SETTINGS & CUSTOM CSS.

A. Preset Styles:

This is the first setting of team plugin. You need to select team presets. Team Setting are Changed according to Preset Styles you selected.

 

B. Display Settings:

Explaining each settings one by one.

5.B.1.  Team Layout Styles:

These are team style use to change layout of team display.

 

5.B.2.  Popup Effect:

There is 7 popup effect to show your theme details. This is work when you click to team member name.

 

5.B.3.  Team Layout:

This can be used to change column layout of team. This can be two column, three column and four column

 

5.B.4. Show Member Name:

This can be use to show/hide team member name on team thumbnail.

 

5.B.5.  Show Member Designation:

This can be use to show/hide team member Designation on team thumbnail.

5.B.6. Show Member Social Icon:

This can be use to show/hide team member Social Icon on team thumbnail.

Goto Top

 

C. Color Settings:

This option can be work Gridder, Team Slider, Team Filter, Grid preset styles selected.

5.C.1.  Team Color Schema:

This option can be used to change Team Color Schema.

 

5.C.2.  Image Color Opacity:

Think of this Image Hover Color Opacity. This option work with few team styles.

 

5.C.3.  Secondary Color Option:

Few team styles have Secondary Color option rather than the Team Color Schema. Use this option as a secondary color. For Example – Team Style 15.

 

5.C.4.  Image Border Color:

Use this option to set Border Color of team thumbnails. This option work with few team styles.

 

5.C.5.  Member Name Color:

This can be use to change team member name color on team images thumbnail.

 

5.C.6.  Member Name Designation Color:

This can be use to change team member designation color on team images thumbnail.

 

5.C.7.  Member Name Description Color:

This can be use to change Team Member Description color on team images thumbnail.

 

5.C.8.  Icon Color:

This can be used to change Icon Color of team images.

 

5.C.9.  Icon Background Color:

This can be used to change Icon Background Color on team images thumbnail.

 

5.C.10.  Icon Hover Color:

This can be used to change Icon Hover Color on team images thumbnail.

 

5.C.11.  Icon Hover Background Color:

This can be used to change Icon Hover Background Color on team images thumbnail.

Goto Top

 

D. Font Settings:

This setting work with all preset styles. These setting are used to change font styling and font size of team.

5.D.1.  Team Font Styles:

This can be change the font style of team.

 

5.D.2. Member Name Font size:

Use this option to set the Member Name Size of Image Thumbnail.

 

5.D.3. Member Designation Font size:

Use this option to set the Designation Font Size for image thumbnails.

 

5.D.4. Member Description Font size:

Use this option to set the Designation Font Size for image thumbnails. This will work with those team styles which have description.

 

5.D.5. Member Icon Font size:

Use this option to set the Icon Font Size for image thumbnails

Goto Top

 

E. Team Slider Settings:

This section is visible when you selected team preset style as Team Slider. Using these option you can change team slider settings Like Slider Navigation and Dot settings.

5.E.1. Auto Play:

This can be yes or no, use this option to play or pause Slider Autoplay.

 

5.E.2. Loop:

This can be yes or no, use this option to play team slider in loop.

 

5.E.3. Show Navigation:

This can be yes or no, use this option show or hide navigation of team slider.

 

5.E.4. Navigation Background Color:

Use this option to change Navigation Background color.

 

5.E.5. Navigation Text Color:

Use this option to change Navigation Text color.

 

5.E.6. Show Dots:

This can be yes or no, use this option show or hide Dots under the team slider.

 

5.E.7. Dot Style:

Use this option to change styling of Dots.

 

5.E.8. Dot Color:

Use this option to change Dot Color.

 

5.E.9. Active Dot Color:

Use this option to change Active Dot Color.

Goto Top

 

F. Filter Settings:

This section is visible when you selected team preset style as Team Filter. Using these options to change team slider tab color settings.

5.F.1. Tab Bg Color:

This can be set default  tab background color.

 

5.F.2. Tab Bg Color:

This can be used to set default tab text color.

 

5.F.3. Active Tab Bg Color:

This can be used to set active tab background color.

 

5.F.4. Active Tab Text Color:

This can be used to set active tab text color.

 

G. Tabular Settings:

This section is visible when you selected team preset style as Tabular. Using these options to change table related settings.

5.G.1. Header Background Color:

Use this option to change Header Row Background Color.

 

5.G.2. Header Text Color:

Use this option to change Header Text Color.

 

5.G.3. Odd Row Color:

Use this option to change Odd Row Background Color .

 

5.G.4.  Odd Row Text Color:

Use this option to change Odd Row Text Color .

 

5.G.5. Even Row Color:

Use this option to change Even Row Background Color .

 

5.G.6. Even Row Text Color:

Use this option to change Even Row Text Color.

 

5.G.7. Icon Color:

Use this option to change Icon Color.

Goto Top

 

H. Additional CSS Field:

This text field is used to apply custom CSS on this plugin. Custom CSS must be enter without using style tag. Simply write a custom css without < style > tag into below textarea field.

Goto Top


IMPORTANT: If you found a bug in Team Showcase Pro plugin or have any problem/question concerning the plugin, please post your query into our Team Showcase Pro Support Forum . If you do not found solution there, do not hesitate to contact us at webhuntinfotech(at) gmail (dot) com.
Thanks For Reading This Document.
WebHunt Infotech