Skip to main content

Matches Page

beginnerLast updated: 1/15/2024

Customize the public matches listing page with match information and filters

Matches Page

Customize the public matches listing page to display tournament matches effectively.

Matches Page Overview

The matches page displays:

  • Match List: All matches for host
  • Match Cards: Visual match cards
  • Filters: Filter by tournament, status, date, etc.
  • Search: Search matches

Page Features

Match Display

Display Options:

  • Match cards
  • Match list
  • Grid layout
  • Match details

Filtering

Filter Options:

  • By tournament
  • By status (pending, scheduled, live, completed)
  • By date range
  • By stage
  • By week/round

Search Features:

  • Search by team name
  • Search by tournament
  • Real-time search
  • Filtered results

Customizing Matches Page

Step 1: Access Settings

  1. Go to host settings
  2. Navigate to "Theme Customization"
  3. Find "Per-Page Settings"
  4. Expand "Matches Page" section

Step 2: Configure Settings

Available Settings:

  • Card Columns: Number of columns
  • Show Scores: Toggle score display
  • Show Schedule: Toggle schedule display
  • Show Status: Toggle status display

Step 3: Save Changes

  1. Adjust settings
  2. Preview changes
  3. Click "Save"
  4. Changes apply to page

Match Organization

By Tournament

Tournament Organization:

  • Group matches by tournament
  • Show tournament name
  • Filter by tournament
  • Tournament sections

By Stage

Stage Organization:

  • Group by tournament stage
  • Show stage name
  • Filter by stage
  • Stage sections

By Week/Round

Week/Round Organization:

  • Group by week or round
  • Show week/round number
  • Filter by week/round
  • Chronological organization

Content Display

Show Scores

Toggle Scores:

  • Enabled: Shows match scores
  • Disabled: Hides scores

Score Display:

  • Team scores
  • Game scores
  • Match result
  • Score badges

Show Schedule

Toggle Schedule:

  • Enabled: Shows match schedule
  • Disabled: Hides schedule

Schedule Display:

  • Match date
  • Match time
  • Timezone
  • Countdown (for upcoming)

Show Status

Toggle Status:

  • Enabled: Shows match status
  • Disabled: Hides status

Status Display:

  • Status badge
  • Status color
  • Status text
  • Status icons

Best Practices

Display

  • Clear Organization: Organize matches clearly
  • Prominent Live: Highlight live matches
  • Easy Navigation: Easy to navigate
  • Professional Look: Professional appearance

Content

  • Keep Updated: Keep match info current
  • Accurate Information: Ensure information accurate
  • Clear Status: Clear match status
  • Relevant Details: Show relevant details
Tags:public-pagesmatcheslistingcustomization

Was this article helpful?