Skip to main content

Admin Panel : Setting up Team Section

[ Team ] is a module that allow Admin configures profile of employees. 

Below is an example of Live Site Team Section :

Screenshot 2024-12-16 at 2.38.46 PM.jpg

If visitor clicks on the "More Information", the team member profile will appear as an overlay (an example like below)
Screenshot 2024-12-16 at 2.38.59 PM.jpg

Setting up Team Section

Team module consists of the following items : 

  • Team Listing : showcase all created team members
  • Main Focus : "Main Focus" category 
  • Type of Sport : "Type of Sport" category
  • Department : Different department in the company

Before setting up any team member profile, Admin will first needs to configure [ Department ] as this is a mandatory info for the team profile.

Go to Admin Panel > Team > Department

Screenshot 2024-12-12 at 5.28.27 PM.png

Admin may update as many department which is relevant to the company.

Screenshot 2024-12-12 at 5.29.23 PM.png

Go to Admin Panel > Team > Team Listing 

1. Team Listing 

Screenshot 2024-12-12 at 5.18.17 PM.png

Click [ Add New Team Member ]

Screenshot 2024-12-12 at 5.45.19 PM.png

In the form : 

  • Name : The name of team member
  • Slogan : Any slogan of the team member
  • Status : Active/Inactive
  • Display Order : Configure the order of team member displayed.
  • Profile Image : Main image of team member
  • Hovered Profile Image : When hovered, another image will be shown 
  • Department : Select from a listing of created [ departments ] 
  • Main Focus : Select from a listing of created [ Main Focus ]
  • Type of Sport : Select from a listing of created [ Type of Sports ]
  • Description Content : Admin can create a unique page that describe the team member by clicking the [Edit] Button. The following will appear : 

Screenshot 2024-12-12 at 5.50.05 PM.png

2. Main Focus / Type of Sports / Department

Admin may configure the "Main Focus" "Type of Sports" & "Department" by clicking on the [ Add ... ] button for each page. 

Screenshot 2024-12-16 at 2.10.15 PM.png

Fill in the name for the Main Focus here and click "Submit" : Screenshot 2024-12-16 at 2.12.13 PM.png

After adding, these will appear under the [ Create/Edit Team ] modal : 

Screenshot 2024-12-16 at 2.17.12 PM.png

 

3. Adding "Team Section" to website 

After all the team member's info are configured, Admin may add this section, known as "Trainer Search" to any page on the website.

Screenshot 2024-12-16 at 2.20.26 PM.png

 

Click [ Edit ] for further configuration: 

 

Screenshot 2024-12-16 at 2.28.22 PM.png

 

Section Editor :

 

Screenshot 2024-12-16 at 2.29.06 PM.jpg

How to Edit : 

 

  • Search Fields : Center Admin may select/deselect to show the Search fields on the website 
  • Department : Center Admin may choose to show Department's name on the website. 
    • Display Order : Only if Department name is shown, Admin may configure further which department came first by setting display order.

Screenshot 2024-12-16 at 2.32.14 PM.png

  • Admin may do further color configuration for the text and background of this section.

Screenshot 2024-12-16 at 2.34.35 PM.png

  • Admin may choose to upload an image as background of this section :

Screenshot 2024-12-16 at 2.36.23 PM.jpg

Click [ Save ] and all changes will be saved and reflect on the section.

 

- The End - 


  1.  

2. Configuration of Team on Admin Panel


This is the place where users configure the team to be displayed on the live page . 


How to add Team section to live pages

  1. Go to Site Panel > Site Pages

  2. Select a page & click on update

  3. Add section

  4. Select template

Note: Download section is available in all templates. 

  1. Select Trainersuche | Trainersearch Section

  2. Edit the section

  3. Select a department under Team Settings 

Note: Users can select more than 1 department from the list. 







  1. Users are able to change the colour for the font and background as well. 

  1. Save section after updating the settings. 

  2. The Team section is now displayed on the live page.