Footer
1. What This Page Is For
The Footer page manages the bottom section of every page across the player lobby. It allows administrators to select the layout of the official game provider partners strip, fine-tune the scrolling speed of the provider carousel, and configure bilingual brand presentation texts (Title, Sub Title, and Description) in both Thai and English.
This page builds platform trust by showcasing certified game providers, verified payment methods, and 24/7 customer service commitments.
2. Before You Begin
- Permission Requirements: You must have the 'Footer' permission in your staff role to view and edit footer settings. (Users without update permission see the page in read-only mode).
- Things to Prepare:
- Prepared bilingual platform introduction copy fitting within character limit constraints.
- Review of game providers enabled for the footer (managed under Games > Game providers) and bank accounts (managed under Payment Setup > Deposit bank accounts), which are automatically aggregated into the footer.
3. Page Layout and Components
From top to bottom, this page consists of the following sections:
- Page Header: Displays the title Footer, subtitle, and navigation breadcrumb path (Site look / Footer).
- Page Audit Bar: Displays the current configuration version, last updater name, updater type, and last update timestamp.
- Preview Card (Preview on the site): Live simulation of the rendered footer with smooth scrolling animations, featuring:
- Device Viewport Toggle: Computer (desktop screen width) and Phone (390 px mobile simulation).
- Language Toggle: Thai and English.
- Layout Selection Grid (Select Footer Layout): 3 distinct provider strip layout cards with mini-visualizations and an In use indicator.
- Partners Strip Speed Section: Interactive speed slider and one-click preset buttons.
- Footer Detail Form: Bilingual input fields for Title, Sub Title, and Description with live character counters.
- Form Action Bar: Floating bottom bar with Cancel and Save buttons.
4. Search and Filters
There is no table search on this page. Instead, 2 preview toggles in the top-right corner of the preview card allow administrators to verify responsiveness and localization:
| Toggle Option | Selectable Values | Preview Result |
|---|---|---|
| Device | Computer / Phone | - Computer: Renders the provider strip, 3 text blocks, link navigation columns, contact channels, bank payment discs, and the copyright bar. - Phone: Collapses the layout to only display the provider strip, bank icons, and the bottom copyright line (text and link columns are hidden on mobile by design). |
| Language | Thai / English | Toggles preview copy between Thai and English. If English fields are left blank, the system automatically falls back to Thai or the system defaults. |
5. Data Table and Layout Cards
3 Available Footer Layouts
| Type | Layout Name | Provider Carousel Structure | Highlights |
|---|---|---|---|
| 0 | Classic Box Slider | Large square boxes (112 × 112 px desktop, 80 × 80 px mobile) in a single horizontal row | Highly visible provider badges; standard casino layout |
| 1 | Dual Flow Pills | Sleek horizontal pills (128 × 48 px) flowing in opposite directions across 2 rows on desktop (bottom row moves at 0.85x speed); single row on mobile | Dynamic, multi-layered motion; ideal for platforms with many game providers |
| 2 | Single Stream Pills | Sleek horizontal pills (128 × 48 px desktop, 112 × 40 px mobile) flowing in a single row | Minimalist, clean, compact vertical height |
Speed Presets for Provider Strip
| Preset Button | Velocity (Pixels per Second) | Visual Motion Feel |
|---|---|---|
| Slowest | 50 px/s | Gentle, leisurely crawl; maximum brand readability |
| Slow | 100 px/s | Slightly relaxed pace |
| Normal | 150 px/s | Standard balanced speed |
| Fast | 175 px/s | Brisk, energetic movement |
| Fastest | 200 px/s | Maximum permitted scrolling velocity |
6. Step-by-Step Guide
1. Changing the Provider Strip Layout
- Navigate to Site look > Footer from the left navigation menu.
- In the Select Footer Layout section, click 1 of the 3 available layout cards.
- The selected card displays a blue highlight border and a white checkmark.
- Review the animation in the Preview on the site card above.
- Click Save in the bottom action bar.
2. Adjusting Carousel Scrolling Speed
- Scroll to the Partners strip speed section.
- Choose either method:
- Click one of the preset speed buttons: Slowest, Slow, Normal, Fast, or Fastest.
- Or drag the slider handle to any precise value between 20 and 200 px/s.
- Observe the scrolling speed update in real time in the top preview card.
- Click Save.
3. Updating Bilingual Footer Copy
- Scroll to the Footer Detail section.
- Enter your desired text in the Thai and English input columns:
- Title: Platform brand headline (max 60 characters).
- Sub Title: Slogan or secondary brand statement (max 120 characters).
- Description: Trust and encryption statement (max 400 characters).
- Check the character counter at the top right of each input. If text exceeds limits, the counter and border turn red.
- Leaving fields blank will automatically render system default copy (shown in grey placeholder text).
- Click Save in the bottom action bar.
- A green alert will notify you: "Footer layout updated successfully".
7. Form Fields and Settings
| Field | Required? | Description | Example | Constraints |
|---|---|---|---|---|
| Title (Thai) | Optional | Primary brand title in Thai. | WINNOVA เว็บเกมออนไลน์อันดับ 1 | Max 60 characters (defaults to site name if blank). |
| Title (English) | Optional | Primary brand title in English. | WINNOVA Official Online Gaming | Max 60 characters (defaults to Thai or site name if blank). |
| Sub Title (Thai) | Optional | Supporting slogan or service highlight. | เว็บอันดับ 1 ให้บริการลูกค้าแบบมืออาชีพ 24 ชั่วโมง | Max 120 characters (defaults to system copy if blank). |
| Sub Title (English) | Optional | Supporting slogan in English. | No.1 Website, Professional 24/7 Service | Max 120 characters (defaults to system copy if blank). |
| Description (Thai) | Optional | Paragraph describing encryption and player safety. | ข้อมูลผู้ใช้ทุกคนจะถูกเข้ารหัสอย่างหนาแน่น... | Max 400 characters (defaults to system copy if blank). |
| Description (English) | Optional | Paragraph describing security in English. | All user data is heavily encrypted with international... | Max 400 characters (defaults to system copy if blank). |
8. Popups and Confirmation Modals
1. Version Conflict Dialog
- Triggered When: Another administrator saved changes to the footer while you were editing.
- What You See: A dedicated modal warning that local data is out of sync with the latest server state, featuring a Load latest button and a Close button.
- Action Required: Click Load latest to fetch the newest configuration, re-apply your changes, and save.
- Result: Prevents concurrent administrators from accidentally overwriting each other's settings.
9. Status Badges and Colors
| Badge / Indicator | Color | Meaning | Required Action |
|---|---|---|---|
| In use | Green | The currently published footer layout on the live site. | No action required if maintaining current layout. |
| White Checkmark | Blue | The layout currently selected in your draft preview. | Click Save to publish. |
| Character Overrun (e.g. 65/60) | Red | Input text exceeds maximum allowed character length. | Shorten text until counter returns to normal grey before saving. |
| Input Red Border | Red | Field containing over-limit text. | Adjust text length. |
10. Frequently Asked Questions and Troubleshooting
- Why is the Save button greyed out and unclickable?
- Verify if any input field has a red border (character count exceeded).
- Ensure changes were actually made; if form values match saved values, Save remains disabled.
- Why are some game provider logos missing from the footer?
- Check Games > Game providers to confirm whether the provider is disabled or hidden from footer displays.
- Why don't the title and description show on mobile phones?
- Mobile viewports intentionally hide long descriptive paragraphs and navigation columns to keep loading times fast and viewports compact. Only the provider strip, bank icons, and copyright line are shown.
- What happens if I leave the text fields empty?
- The lobby automatically displays the system's default wording (the grey placeholder text seen in the form). The footer will never appear blank or broken.