WP Team Showcase And Slider Pro

Getting Started With WP Team Showcase And Slider Pro :

WP Team Showcase And Slider Pro adds a menu tab in WP Admin side with the name “Team Showcase Pro” where you can add new team member, team member Image as a featured image and etc, edit and delete.

Screen shows “Team Showcase Pro” tab in the left side and all team member added

This plugin work same like WordPress post section where you can add title and featured image. To add a new team member in WP Team Showcase And Slider Pro just need to follow few steps.

How to add Team Member:

  1. Go to Team Showcase Pro tab and click on add new
  2. Add Member title, Add Member designation and Member image and update
  3. If you want to display category wise then go to Team Showcase Pro -> Category and create a category
  4. When you create a Team Showcase Pro post, select the category for that post

How to add Team Showcase Pro Member Details

Team Member Details :-

  • Member Department : Enter team member department.
  • Member Designation : Enter team member designation.
  • Skills : Enter team member skils.
  • Member Experience : Enter team member experience.
  • Member Detail Page Link : Enter member details page link or leave empty for current post URL. e.g. https://www.essentialplugin.com/

How to add Team Showcase Pro Social Details :

If you want to display category wise then go to Team Showcase Pro -> Category and select the shortcode.

Category page :

How To Use Plugin Shortcode :

Display a Team Showcase Pro is very simple. Just add the following shortcode on any page to display Team Showcase

WP Team Showcase And Slider Pro contain 2 shortcodes.

You can also use template code to display Team Showcase Pro in your theme template.
<?php echo do_shortcode('[wp-team]'); ?>
<?php echo do_shortcode('[wp-team-slider]'); ?>

Team Showcase Pro Grid Shortcode Parameters :

  • Grid: [wp-team grid="2"]
    Display number of columns for team showcase pro.
  • Design: [wp-team design="design-1"]
    Select the design for team showcase pro. Values are design-1 to design-25.
  • Limit: [wp-team limit="5"]
    Display latest 5 team member on your website. To display all team member set limit=”-1″.
  • Image Fit: [wp-team image_fit="true"]
    Set image fit to box or not. Values are “true” or “false”.
  • Link Behaviour: [wp-team link_target="_blank"]
    Open a link in same window or new window.
  • Member Link: [wp-team member_link="false"]
    Open team member link or not. Values are “true” and “false”.
  • Media Size: [wp-team media_size="full"]
    Set post media size. By default value is “large”. Options are “full”, “medium”, “thumbnail” OR “large”.
  • Social Service Limit: [wp-team social_limit="6"]
    Limit the number of social icons. Default value is 6. In popup all social icon will be displayed.
  • Offset: [wp-team offset="2"]
    Distance between two team columns. You can set any numeric value. Leave empty for default.
  • Show Content: [wp-team show_content="true"]
    Display content or not. Default value is “true”. Values are “true” OR “false”.
  • Display Full Content: [wp-team show_full_content="false"]
    Display full content or not. Default value is “false”. Values are “true” OR “false”.
  • Content Words Limit: [wp-team words_limit="40"]
    Controls Word limit for content. Default value is 40.
  • Content Tail: [wp-team content_tail="..."]
    Content tail for continue reading. default value is “…”
  • Popup: [wp-team popup="true"]
    Display member’s more information in a popup. Values are “true” OR “false”.
  • Popup Design: [wp-team popup_design="design-1"]
    Choose Design for you popup. Values are design-1, design-2.
  • Popup Gallery: [wp-team popup_gallery="true"]
    Display gallery in a popup. Values are “true” OR “false”.
  • Popup Theme: [wp-team popup_theme="dark"]
    Choose popup design theme for popup. Values are “dark” and “light”.
  • Display Specific Post: [wp-team posts="5,10,15"]
    Display specific team member. You can pass multiple ids by comma separated.
  • Taxonomy: [wp-team taxonomy=""]
    Display custom taxonomy wise.
  • Display By Category: [wp-team category="5,10,15"]
    Display team member by their category ID. You can pass multiple ids by comma separated.
  • Include Child Category Member: [wp-team include_cat_child="true"]
    Display child category or not. Values are “true” OR “false”.
  • Display Specific Team Member: [wp-team exclude_post="5,10,15"]
    Exclude some team member which you do not want to display. You can pass multiple ids by comma separated.
  • Exclude Category: [wp-team exclude_cat="5,10,15"]
    Exclude specific team showcase pro category which you do not want to display. You can pass multiple ids by comma separated.
  • Order: [wp-team order="ASC"]
    Set Order your team members by “Ascending” OR “Descending”. Values are “ASC” OR “DESC”.
  • Order By: [wp-team orderby="title"]
    Set Orderby of team members. Values are “date” (Post Date), “title” (Post Title), “name” (Post Slug), “rand” (Random), “ID”, “menu_order” (Sort Order), “none”.
  • Pagination : [wp-team pagination="true"]
    Show/Hide pagination links. By default value is “true”. Values are “true” and “false”.
  • Pagination Type: [wp-team pagination_type="numeric"]
    Pagination type works when pagination set to true.Two types can be used for pagination “Numeric” and “Previous-next”.
  • Query Offset: [wp-team query_offset="5"]
    This will hide first five post. e.g. I have set offset 5 then it will skip first five post.
    Note: This will not work with limit=-1.
  • Extra Class: [wp-team extra_class=""]
    You can add extra class here.
    Note: Extra class added as parent so using extra class you customize your design.

Team Showcase Pro Slider Shortcode Parameters :

  • Design: [wp-team-slider design="design-1"]
    Select the design for team showcase pro. Values are design-1 to design-25.
  • Limit: [wp-team-slider limit="5"]
    Display 5 team member on your website. To display all team member set limit=”-1″.
  • Social Service Limit: [wp-team-slider social_limit="6"]
    Limit the number of social icons. Default value is 6. In popup all social icon will be displayed.
  • Image Fit: [wp-team-slider image_fit="true"]
    Set image fit to box or not. Values are “true” or “false”.
  • Link Behaviour: [wp-team-slider link_target="_blank"]
    Open a link in same window or new window.
  • Member Link: [wp-team-slider member_link="false"]
    Open team member link or not. Values are “true” and “false”.
  • Show Content: [wp-team-slider show_content="true"]
    Display content or not. Default value is “true”. Values are “true” OR “false”.
  • Display Full Content: [wp-team-slider show_full_content="false"]
    Display full content or not. Default value is “false”. Values are “true” OR “false”.
  • Content Words Limit: [wp-team-slider words_limit="40"]
    Controls Word limit for content. Default value is 40.
  • Content Tail: [wp-team-slider content_tail="..."]
    Content tail for continue reading. Default value is “…”.
  • Popup: [wp-team-slider popup="true"]
    Display member’s more information in a popup. Values are “true” OR “false”.
  • Popup Design: [wp-team-slider popup_design="design-1"]
    Choose Design for you popup. Values are design-1, design-2
  • Popup Theme: [wp-team-slider popup_theme="dark"]
    Choose popup design theme for popup. Values are “dark” and “light”.
  • Popup Gallery: [wp-team-slider popup_gallery="true"]
    Display gallery in a popup. Values are “true” OR “false”.
  • Slide Columns: [wp-team-slider slides_column="2"]
    Number of slider column.
  • Slide Scroll: [wp-team-slider slides_scroll="2"]
    Scroll number of team member at a time.
  • Dots: [wp-team-slider dots="false"]
    Display team slider dots(pagination) or not. Values are “true” OR “false”.
  • Arrows: [wp-team-slider arrows="false"]
    Display team slider arrows or not. Values are “true” OR “false”.
  • Autoplay: [wp-team-slider autoplay="true"]
    Enable team slider autoplay or not. Values are “true” OR “false”.
  • Autoplay Interval: [wp-team-slider autoplay_interval="100"]
    You can set team slider autoplay interval. You can enter numeric values.
  • Slider Speed: [wp-team-slider speed="3000"]
    Control slider speed. You can enter numeric value.
  • Infinite: [wp-team-slider infinite="true"]
    Run slider continuously. Values are “true” OR “false”.
  • Center Mode: [wp-team-slider centermode="false"]
    Center mode effect for slider. Values are “true” or “false”. Default value is false.
  • Pause Hover: [wp-team-slider hover_pause="true"]
    Pause slider autoplay on hover. By default value is “true”. Options are “true” OR “false”.
  • Pause On Focus: [wp-team-slider focus_pause="false"]
    Pause slider autoplay when slider element is focused. By default value is “false”. Options are “true” OR “false”.
  • Display Specific Posts Wise: [wp-team-slider posts="5,10,15"]
    Display specific team member. You can pass multiple ids by comma separated.
  • Taxonomy: [wp-team-slider taxonomy=""]
    Display custom taxonomy wise.
  • Display By Category: [wp-team-slider category="5,10,15"]
    Display team member by their category ID. You can pass multiple ids by comma separated.
  • Include Child Category Member: [wp-team-slider include_cat_child="true"]
    Display child category or not. Values are “true” OR “false”.
  • Exclude Specific Posts: [wp-team-slider exclude_post="5,10,15"]
    Exclude some team member which you do not want to display. You can pass multiple ids by comma separated.
  • Exclude Category: [wp-team-slider exclude_cat="5,10,15"]
    Exclude specific team showcase pro category which you do not want to display. You can pass multiple ids by comma separated.
  • Order: [wp-team-slider order="ASC"]
    Set Order your team members by “Ascending” OR “Descending”. Values are “ASC” OR “DESC”.
  • Order By: [wp-team-slider orderby="title"]
    Set Orderby of team members. Values are “date” (Post Date), “title” (Post Title), “name” (Post Slug), “rand” (Random), “ID”, “menu_order” (Sort Order), “none”.
  • Query Offset : [wp-team-slider query_offset="5"]
    This will hide first five post. e.g. I have set offset 5 then it will skip first five post.
    Note: This will not work with limit=-1.
  • Media Size: [wp-team-slider media_size="full"]
    Set post media size. By default value is “large”. Options are “full”, “medium”, “thumbnail” OR “large”.
  • Slider Lazyload: [wp-team-slider lazyload=""]
    Select option to use lazy loading in slider. Values are “ondemand”, “progressive”.
  • Extra Class: [wp-team-slider extra_class=""]
    You can add extra class here.
    Note: Extra class added as parent so using extra class you customize your design.

Plugin Settings

Enable Gutenberg Editor: Enable Gutenberg editor for team showcase post type. Enjoy WordPress Gutenberg edit with number of elements. This feature only work after WordPress 5.0.

Post Type Slug: Enter slug name which you want to change with default team showcase post type slug. Default value of the slug is ‘team-showcase’.
For Example: https://www.essentialplugin.com/team-showcase/team-post-title-name/

Disable Post Archive Page : Enable post archive page to enable team showcase post type archive page.

Category Archive Slug : Enter slug name which you want to change with default team showcase category archive slug. Default value of the slug is ‘tsas-category’.
For Example: https://www.essentialplugin.com/tsas-category/team-post-title-name/

Shortcode Builder:

Check the Result of any Shortcode with Preview using “Shortcode Builder
Please Go To Admin Menu -> Team Showcase Pro And Slider Pro -> Shortcode Builder.

You can explore each and every parameter of the shortcode using shortcode generator of the plugin without exploring plugin documentation. You can choose your desired shortcode from the dropdown and check various parameters from left panel. You can paste shortcode to below and press refresh button to preview so each and every time you do not have to choose each parameters!!

Preview will be displayed according to responsive layout mode. You can check with ‘Full Preview’ mode beside ‘Refresh’ button for better visualization.

You can copy and paste this shortcode to your desired page or code files.

Gutenberg Blocks :

WP Team Showcase And Slider Pro comes with two gutenberg blocks.

  1. Team Grid
  2. Team Slider

Once you add Gutenberg Block in your Page or Post You can Change Each and Every Parameter From right hand side Setting Panel

Team Showcase Pro With Custom Order :

You can display Team in custom order. Click on ‘Sort Team Member’ link on Team Showcase listing page.

Note: Put orderby="menu_order" parameter in Team shortcode for custom ordering.

Template Structure + Overriding Templates Via A Theme :

The template files of Team Showcase Pro contain the markup and template structure for the front-end of your site. If you open these files you’ll notice they all contain many hooks which will allow you to add / move content without having to edit the template files themselves. This method protects even further against any upgrade issues as the template files can be left completely untouched.

Alternatively, you can edit these files in an upgrade safe way through overrides. Simply copy it into a directory within your theme named /wp-team-showcase-and-slider-pro, keeping the same file structure.

Example : To override the Team Showcase Pro design file simply copy file from /wp-team-showcase-and-slider-pro/templates/designs/design-1.php to yourtheme/wp-team-showcase-and-slider-pro/designs/design-1.php

The copied file will now override the Team Showcase Pro default template file. Do not edit these files within the core plugin itself as they are overwritten during the upgrade process and any customizations will be lost.

The following template files can be found within the /wp-team-showcase-and-slider-pro/templates/ directory:

  • Click Here To See Template Hierarchy
      designs
    • design-1.php to design-25.php
      popup
    • design-1.php
    • design-2.php
      grid
    • loop-start.php
    • loop-end.php
      slider
    • loop-start.php
    • loop-end.php
      social
    • loop-start.php
    • loop-end.php
    • social.php