Theme settings — Additional Buttons
config/settings_schema.json
Back to top
| Setting | ID | Type | Default | Notes |
|---|
| Enable back to top button | back_to_top_enable | checkbox | true | — |
| Show after scrolling | back_to_top_show_after | range | 400 | Range 100–1000 px, step 50<br>Shown when settings.back_to_top_enable == true |
| Accessibility label | back_to_top_accessibility_label | text | Back to top | Shown when settings.back_to_top_enable == true |
| Show text beside icon | back_to_top_show_label | checkbox | false | Shown when settings.back_to_top_enable == true |
| Button text | back_to_top_button_label | text | Top | Shown when settings.back_to_top_enable == true and settings.back_to_top_show_label == true |
| Scroll progress indicator | back_to_top_progress_style | select | fill | Fills up as the customer scrolls down the page.<br>Options: Fill up from bottom · Circular ring · None<br>Shown when settings.back_to_top_enable == true |
| Ring thickness | back_to_top_ring_thickness | range | 4 | Range 2–10 px, step 1<br>Shown when settings.back_to_top_enable == true and settings.back_to_top_progress_style == 'ring' |
| Progress color | back_to_top_progress_color | color | #ff4f33 | Leave blank to use your theme accent color.<br>Shown when settings.back_to_top_enable == true and settings.back_to_top_progress_style != 'none' |
| Ring track color | back_to_top_track_color | color | #e8e8e1 | Leave blank to use your theme border color.<br>Shown when settings.back_to_top_enable == true and settings.back_to_top_progress_style == 'ring' |
| Button color | back_to_top_button_color | color | #111111 | Leave blank to use your theme button color.<br>Shown when settings.back_to_top_enable == true |
| Icon and text color | back_to_top_icon_color | color | #ffffff | Leave blank to use your theme button text color.<br>Shown when settings.back_to_top_enable == true |
WhatsApp button
| Setting | ID | Type | Default | Notes |
|---|
| Enable WhatsApp button | whatsapp_button_enable | checkbox | true | — |
| WhatsApp number | whatsapp_number | text | 923059778976 | Enter the full number with country code, without spaces. Example: 923001234567 |
| Default message | whatsapp_message | text | Hi, I need help with this page: | The current page link is added automatically. |
| Accessibility label | whatsapp_accessibility_label | text | Chat with us on WhatsApp | — |
| Show text beside icon | whatsapp_show_label | checkbox | false | — |
| Button text | whatsapp_button_label | text | Chat with us | Shown when settings.whatsapp_show_label == true |
Shared position
| Setting | ID | Type | Default | Notes |
|---|
| Horizontal position | whatsapp_position | select | right | Options: Right · Left |
| Vertical position | whatsapp_vertical_position | select | bottom | Options: Bottom · Middle |
| Desktop side spacing | whatsapp_side_offset | range | 20 | Range 0–80 px, step 2 |
| Desktop bottom spacing | whatsapp_bottom_offset | range | 24 | Range 0–120 px, step 2<br>Shown when settings.whatsapp_vertical_position == 'bottom' |
| Mobile side spacing | whatsapp_mobile_side_offset | range | 14 | Range 0–50 px, step 1 |
| Mobile bottom spacing | whatsapp_mobile_bottom_offset | range | 18 | Range 0–100 px, step 2<br>Shown when settings.whatsapp_vertical_position == 'bottom' |
Style
| Setting | ID | Type | Default | Notes |
|---|
| Desktop button size | whatsapp_button_size | range | 56 | Range 44–80 px, step 2 |
| Mobile button size | whatsapp_mobile_button_size | range | 52 | Range 40–72 px, step 2 |
| Icon size | whatsapp_icon_size | range | 30 | Range 20–44 px, step 2 |
| Button color | whatsapp_button_color | color | #25D366 | — |
| Icon and text color | whatsapp_icon_color | color | #ffffff | — |