What This Screen Does
This is where you update the basic details of an existing class template. Think of a class template as a blueprint for a recurring class — it defines what the class is about, what it looks like, and who it is for. On this screen you can change things like the title, description, and background image without touching the scheduling or planning settings.
How to Get There
Open the dashboard.
In the left-hand menu, click Class template.
Find the template you want to edit in the list and click on it.
Click the Details tab (if not already selected).
You are now on the Edit Class Template Details screen.
Step-by-Step Guide
1. Review the Breadcrumbs
At the top of the page you will see a breadcrumb trail: Dashboard → Class template → [Template Name].
You can click Dashboard or Class template to navigate back at any time.
2. Upload or Change the Background Image (optional)
The form includes an image area where you can upload one or more background images for the class template.
Click the image area to open the file picker and select an image from your computer.
Supported formats are typically JPEG, PNG, or GIF.
If the template already has an image, you will see it displayed. You can replace it by uploading a new one.
Images that are already saved (shown as URLs) are kept unless you remove them. Only new files are uploaded when you save.
3. Edit the Template Details
Update any of the fields in the details form. The details section covers the core information about your class template:
Field | Required | What to Enter |
Title | Yes | The name of the class template (e.g. “Morning Yoga” or “HIIT Blast”). This is what members see when browsing classes. |
Description | No | A short explanation of what the class involves. Use this to tell members what to expect. |
Category | Yes | The type of class (e.g. Yoga, Strength, Cardio). Pick from the available options. |
Color | No | A colour used to identify this class template on calendars and schedules. Pick something distinctive. |
Gym / Location | Yes | The gym or location this template belongs to. Defaults to your currently selected gym. |
Instructor | No | The default instructor for classes created from this template. |
Max Participants | No | The maximum number of people who can sign up for a single class session. Leave blank for unlimited. |
Note: The exact fields shown depend on your chain’s configuration. The form adapts to your setup, so you may see additional or fewer fields than listed above.
4. Save Changes
Once you have made your edits, click the Save Changes button at the bottom-right of the form.
The system will:
Validate all your inputs.
Save the updated details to the server.
Upload any new background images.
Redirect you back to the class templates list.
You will see a green “Update success!” notification at the bottom of the screen.
What Happens Behind the Scenes
You click "Save Changes"
|
v
Form validates all fields
|
v
API call: ClassTemplatesService.editDetails({ id, body: updatedDetails })
|
v
Template details are updated on the server
|
v
(If a new background image was added)
API call: ClassTemplatesService.setBackgroundImage({ id, files: [newImages] })
|
v
Success notification appears ("Update success!")
|
v
You are redirected to /class-templates (the templates list)
Troubleshooting
“I clicked Save Changes but nothing happens”
Make sure all required fields are filled in. The form will not submit if anything is missing.
Look for small red error messages below the fields — they tell you exactly what needs to be fixed.
Scroll through the entire form to make sure you have not missed a required field that is out of view.
“The page is blank or shows no form”
The template data is loaded from the server when the page opens. If your internet connection is slow or dropped, the data may not have arrived yet.
Try refreshing the page. If the problem continues, go back to the class templates list and click the template again.
If the template was recently deleted by someone else, it will no longer exist and the page cannot load it.
“My background image did not upload”
The image must be a supported format (JPEG, PNG, or GIF).
Very large files may fail to upload. Try compressing or resizing the image and uploading again.
If the template details were saved but the image failed, come back to this screen and try uploading the image again — your other changes were already saved.
“I see an error message in a red box at the top of the form”
This is a server-side error. Read the message carefully — it usually describes what went wrong.
Common causes include: a network timeout, a conflict with another user’s changes, or invalid data that passed front-end validation but was rejected by the server.
Try making your changes again. If the error persists, contact your administrator with the exact error message.
“I do not see the template I want to edit in the list”
Make sure you are looking at the correct gym or location. Templates are tied to specific locations.
Use the search or filter options on the class templates list to find your template.
The template may have been deactivated or deleted. Check with your administrator.
“My changes were not saved after I navigated away”
Changes are only saved when you click Save Changes. If you leave the page before clicking the button, your changes are lost.
Always click Save Changes before navigating away from the form.
“The Save button shows a loading spinner but never finishes”
This usually means the server is taking too long to respond. Check your internet connection.
If the spinner continues for more than 30 seconds, refresh the page and try again.
If the problem repeats, the server may be experiencing issues — contact your administrator.
“I want to change the schedule but I only see detail fields”
This screen only covers the details of the template (title, description, image, etc.).
To change scheduling and planning settings, navigate to the Planning tab for this template instead.