- File:
sections/contact-form.liquid - Add section category: Forms
- Used in: page.commissions, page.contact, page.shipping
Section settings
Content
| Setting | Type | Options | Default | Notes |
|---|---|---|---|---|
| Heading | text | Defaults to the page title. | ||
| Text | richtext | Defaults to the page content. | ||
| Button label | text | Send message | ||
| Success message | text | Thanks for writing. We reply within two business days. | ||
| Anchor name | text | Lets a button on the page jump to this form, for example commission-form. | ||
| Layout | select | Details beside the form, Details above the form | Details beside the form |
Details
| Setting | Type | Options | Default | Notes |
|---|---|---|---|---|
| Show contact details | checkbox | On | ||
| text | ||||
| Phone number | text | |||
| Address | richtext | |||
| Opening hours | richtext |
Colors
| Setting | Type | Options | Default | Notes |
|---|---|---|---|---|
| Color scheme | color_scheme | scheme-1 | ||
| Use custom colors | checkbox | Off | Overrides the color scheme for this section only. | |
| Background | color | #faf6f0 | Shown when section.settings.use_custom_colors. |
|
| Text | color | #2e241b | Shown when section.settings.use_custom_colors. |
|
| Button | color | #2e241b | Shown when section.settings.use_custom_colors. |
|
| Button label | color | #ffffff | Shown when section.settings.use_custom_colors. |
|
| Accent and links | color | #546633 | Keep text and background at a contrast of 4.5 to 1. Shown when section.settings.use_custom_colors. |
Spacing
| Setting | Type | Options | Default | Notes |
|---|---|---|---|---|
| Top padding | range | 0 to 160 px, step 4 | 48 px | |
| Bottom padding | range | 0 to 160 px, step 4 | 80 px |
Blocks
Form field (up to 20)
| Setting | Type | Options | Default | Notes |
|---|---|---|---|---|
| Type | select | Short text, Email, Phone number, Number, Web address, Date, Choice list, Long text | Short text | |
| Label | text | Name | ||
| Choices | textarea | One choice per line. Shown when block.settings.kind == 'select'. |
||
| Placeholder | text | |||
| Required | checkbox | Off | ||
| Width | select | Half, Full | Full |