⏱ Limited Time Offer

How To Override Existing Template

WP Team Pro supports template overriding from a theme. That means you can change the appearance of the plugin-specific designs. The overrideable files are located in the templates folder. Here is a hierarchy for you-

wp-team-pro/
├── src
│ ├── Frontend
│ │ ├── templates
│ │ │ ├── member
│ │ │ │ ├── social.php
│ │ │ │ ├── image.php
│ │ │ │ ├── job_title.php
│ │ │ │ ├── name.php
│ │ │ │ ├── phone.php
│ │ │ │ ├── mobile.php
│ │ │ │ ├── description.php
│ │ │ │ ├── skill.php
│ │ │ │ ├── website.php
│ │ │ │ ├── email.php
│ │ │ ├──carousel.php
│ │ │ ├──drawer-content.php
│ │ │ ├──filter.php
│ │ │ ├──grid.php
│ │ │ ├──inline.php
│ │ │ ├──list.php
│ │ │ ├──member.php
│ │ │ ├──mosaic.php
│ │ │ ├──pagination.php
│ │ │ ├──preloader.php
│ │ │ ├──section-title.php
│ │ │ ├──sptp-modal.php
│ │ │ ├──sptp-single.php
│ │ │ ├──table.php
│ │ │ ├──thumbnail-pager.php

So all the files mentioned above can be overridden from your theme.

Steps to override a template of WP Team Pro:

  1. Make a folder named wp-team-pro in your active theme. (It is better to create the folder in your active child theme)
  2. Create another folder inside the wp-team-pro” and name it templates”.
  3. Copy the template you want to override from the plugin’s templates folder.
  4. Paste the template file in the wp-team-pro > templates folder inside your active theme.
  5. Now open the file in a text editor and edit as you like.
  6. Now reload the page from the browser and see the changes you made.

For example, I want to override the carousel.php file through my child theme.

Here is noteworthy: it’s highly recommended to override the file through the child theme instead of the main theme. Otherwise, the file customization will revert to the original once any theme update happens.

So to override the carousel.php file, you have to copy the file from the directory

/wp-content/plugins/wp-team-pro/src/Frontend/templates/members/carousel.php

and paste it into your child theme directory

/wp-content/themes/twentytwenty-child/wp-team-pro/templates/members/carousel.php

Then modify the file content as you want.