What This Screen Does
This is where you view all the details about a specific punch card type. Think of it like opening a product card in a shop — you can see its name, description, cover image, who has purchased it, and what prices are available. You cannot edit anything directly on this screen, but you can navigate to the edit screen or perform actions like adding prices, sending newsletters, and regulating prices from the toolbar.
How to Get There
Open the dashboard.
In the left-hand menu, click Punch Card Types.
Click on the punch card type you want to view from the list.
You are now on the Punch Card Details screen.
Step-by-Step Guide
1. Review the Toolbar
At the top of the screen you will see a toolbar with several actions:
Action | What It Does |
← [Punch Card Name] | Takes you back to the punch card types list. |
Price Regulation | Opens a dialog to regulate (adjust) prices for this punch card type across the board. |
Add/Change Price | Opens a dialog to create or modify a price for this punch card type. |
Send Newsletter | Opens the newsletter creation screen pre-filled with this punch card type, so you can email all members who hold it. |
Edit Membership Type | Takes you to the edit screen where you can change the punch card type’s details. |
On smaller screens (mobile and tablet), the Send Newsletter and Edit Membership Type buttons appear as icon-only buttons to save space.
2. View the Cover Card
Below the toolbar you will see a card that displays:
Element | What It Shows |
Cover Image | The punch card type’s cover photo. If none was uploaded, a default avatar with the punch card’s initials is shown. |
Name | The name of the punch card type (displayed in large white text over the cover image). |
Billing Frequency | A subtitle showing how this punch card is billed (e.g. “Monthly”, “One-time”), displayed below the name. |
3. Switch Between Tabs
At the bottom of the cover card there are three tabs. Click a tab to switch the content shown below the card.
Tab | What It Shows |
Info | The punch card type’s description text and insight charts (age distribution, gender distribution, active members, lifetime value). |
Members | A table listing all members who currently hold this punch card type. |
Pricing | A table listing all prices configured for this punch card type. |
4. Info Tab
When the Info tab is selected you will see:
Description — A card on the left (one-third width on desktop) showing the rich-text description of the punch card type. This is the text that was entered when the punch card type was created or last edited.
Insight Charts — Four charts on the right (two-thirds width on desktop):
Member Age Distribution — A breakdown of member ages over the last six months.
Member Gender Distribution — A breakdown of member genders over the last six months.
Active Members — A chart showing the number of active members over the last six months.
Membership Lifetime Value — The average revenue generated per member over the last six months.
5. Members Tab
When the Members tab is selected you will see a table of all members who hold this punch card type.
Column | What It Shows |
Member | The member’s name. Click the row to go to their profile. |
Membership | The name of the membership (punch card type). |
Price | The price amount the member is paying. |
Frequency | How often the member is billed. |
Renewal Date | When the membership next renews. |
Status | Whether the membership is active, paused, cancelled, etc. |
Use the search bar at the top of the table to find a specific member by name.
Use the status filter to narrow results (default is “Active”).
Use the Export button to download the member list as a CSV file.
Click column headers to sort the table.
Use the pagination controls at the bottom to navigate through pages.
Toggle Dense mode for a more compact table view.
6. Pricing Tab
When the Pricing tab is selected you will see a table of all prices for this punch card type.
Column | What It Shows |
Price | The price amount. |
Valid From | The date this price becomes active. |
Valid To | The date this price expires (if set). |
Age From | The minimum age a member must be for this price to apply. |
Age Until | The maximum age a member can be for this price to apply. |
Memberships | How many memberships are currently using this price. |
Price Type | The type of pricing (e.g. standard, promotional). |
VAT | The tax rate applied to this price. |
At the top of the pricing table there are status tabs:
Inactive — Prices that have not started yet.
Active — Prices currently in effect.
Expired — Prices that are no longer valid.
Each tab shows a count of how many prices are in that status.
Each price row has a menu (three-dot icon) with options to:
Edit the price — opens a dialog to change the price details.
Regulate the price — opens a dialog to apply a price regulation.
Delete the price — removes the price after confirmation. If the price cannot be deleted (because memberships are using it), an error dialog will appear.
Click column headers to sort the table.
Use the pagination controls at the bottom to navigate through pages.
Toggle Dense mode for a more compact table view.
What Happens Behind the Scenes
You open /punch-card-types/:id
|
v
API call: VoucherTypesService.details({ id })
|
v
Punch card type data is loaded (name, description, cover image, billing info)
|
v
API call: ChainsService.getChains()
|
v
Chain data is loaded for context
|
v
Cover card renders with name, subtitle, and image
|
v
Default tab "Info" is shown with description and insight charts
|
v
(If you click "Members" tab)
API call: GET /api/memberships?membershipTypes=[id]&...
|
v
Members table loads with paginated results
|
v
(If you click "Pricing" tab)
API call: getMembershipPrices({ id, status, ... })
|
v
Pricing table loads with paginated price records and status counts
Troubleshooting
“The page is stuck on a loading skeleton and never shows the punch card”
The system is trying to fetch the punch card data from the server. If it never loads, check your internet connection.
Try refreshing the page. If the problem persists, the server may be down — contact your administrator.
“I see an error message instead of the punch card details”
This means the system could not find the punch card type. The ID in the URL may be incorrect or the punch card type may have been deleted.
Click the Back to List button to return to the punch card types list.
If you believe the punch card should exist, contact your administrator.
“The Members tab shows no results”
By default the table filters to Active memberships. If no members have an active membership for this punch card type, the table will be empty.
Try changing the status filter to see if there are members with other statuses (e.g. paused or cancelled).
If this is a brand-new punch card type, no one has purchased it yet.
“I cannot delete a price”
If a price has memberships attached to it, the system will not allow you to delete it. An error dialog will appear explaining the issue.
You must first move those memberships to a different price before you can delete this one.
If the price is currently active and in use, consider setting an expiry date instead of deleting it.
“The insight charts on the Info tab are empty”
The charts show data for the last six months. If this punch card type is new or has very few members, there may not be enough data to display.
Give it time — as members sign up and use the punch card, the charts will populate.
“I clicked Edit Membership Type but nothing happened”
The button should navigate you to the edit screen. If it does not respond, try refreshing the page.
Make sure you have the correct permissions to edit membership types. If you do not, the link may not work as expected.
“The pricing table shows different numbers than I expect”
Check which status tab is selected (Inactive, Active, or Expired). Each tab only shows prices in that status.
The count on each tab label tells you how many prices are in each category.
Use the sort and pagination controls to find the specific price you are looking for.
“The Send Newsletter button is not visible”
On mobile and tablet screens, the newsletter button appears as a small icon (envelope) instead of a full button with text. Look for the icon in the toolbar.
If you still cannot find it, try using the screen on a larger display.
“The Export button on the Members tab is not downloading anything”
Make sure your browser allows file downloads from this site.
Check that pop-up blockers are not preventing the download.
If the member list is very large, the export may take a moment — wait for it to complete before clicking again.
“I want to add a new price but I am on the wrong tab”
You do not need to be on the Pricing tab to add a price. The Add/Change Price button is in the toolbar at the top and works from any tab.
After adding a price, switch to the Pricing tab to verify it appears in the table.