WP Team Pro

  1. Home
  2. Docs
  3. WP Team Pro
  4. How To Override Templates

How To Override Templates

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 named it templates.
  3. Copy the template you want to override from the templates folder of the plugin.
  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.

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

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

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

/wp-content/plugins/wp-team-pro/src/Frontend/templates/carousel.php and paste it into your child theme directory /wp-content/themes/twentytwenty-child/team-free/templates/carousel.php

Then modify the file content as you want.

Same as overriding the description.php file:

Copy the file from the directory,

/wp-content/plugins/wp-team-pro/src/Frontend/templates/members/description.php and paste it into your child theme directory /wp-content/themes/twentytwenty-child/wp-team-pro/templates/members/description.php

Then modify the file content as you want.