Handsome documentation

Store pages

Contact page

The contact page: banner, contact form and map.

Settings

Layout

SettingWhat it does
Default page widthDropdown
Full widthDefaultCustom
Custom width (px)SliderShown only when it applies to the options chosen above.

Color scheme

SettingWhat it does
Use the store's default color schemeToggleToggle
Color schemeColour schemeShown only when it applies to the options chosen above.

Spacing

SettingWhat it does
Top paddingSliderSlider
Bottom paddingSliderSlider

Blocks

Blocks are the pieces you add, remove and reorder inside the section, under Add block.

Page banner

Display

SettingWhat it does
Show bannerToggleToggle

Image

SettingWhat it does
Banner image (desktop)ImageShown only when it applies to the options chosen above.
Mobile image (optional)ImageShown only when it applies to the options chosen above.
Desktop heightDropdown
Full screenLargeMediumSmallOriginal (image height)
Shown only when it applies to the options chosen above.
Mobile heightDropdown
Full screenLargeMediumSmallOriginal (image height)
Shown only when it applies to the options chosen above.
Overlay colorColourShown only when it applies to the options chosen above.
Overlay opacitySliderShown only when it applies to the options chosen above.
Content positionDropdown
Top leftTop centerTop rightMiddle leftMiddle centerMiddle rightBottom leftBottom centerBottom right
Shown only when it applies to the options chosen above.
Title alignmentDropdown
LeftCenterRight
Shown only when it applies to the options chosen above.

Content

SettingWhat it does
Label textTextText
HeadingTextText
DescriptionTextText

Contact form

Layout

SettingWhat it does
Layout styleDropdown
Form left, info rightInfo left, form right

Form

SettingWhat it does
Show form headingToggleToggle

Form fields

SettingWhat it does
Name fieldDropdown
HiddenOptionalRequired
Phone fieldDropdown
HiddenOptionalRequired
Subject fieldDropdown
HiddenOptionalRequired

Contact information

SettingWhat it does
Show contact information panelToggleToggle
Show info headingToggleShown only when it applies to the options chosen above.
AddressTextShown only when it applies to the options chosen above.
Email addressTextShown only when it applies to the options chosen above.
Phone numberTextInclude the country code, e.g. +44. Tapping it on a phone starts a call.Shown only when it applies to the options chosen above.
Working hoursRich textShown only when it applies to the options chosen above.
Show social media iconsToggleLinks come from Theme settings > Social media.Shown only when it applies to the options chosen above.

Map

SettingWhat it does
Google Maps embed code or URLTextIn Google Maps: Share > Embed a map. Paste the iframe code or just its URL.
Map heightSliderHeight in pixels. Set to 0 for the default 400px height.
Map widthDropdown
Full widthContainer