Handsome documentation

Header and footer

Footer

Menus, newsletter sign-up, social icons, payment icons and your logo or a short brand story.

Tips

  • Use two or three Menu blocks: Shop, Help and Company is a common split.
  • Social icons come from Theme settings → Social media.
  • The newsletter block adds subscribers to Customers in your admin, with email marketing consent.

Settings

Color scheme

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

Block titles

SettingWhat it does
FontDropdown
Body fontHeading font

Language and country

SettingWhat it does
Show language selectorToggleToggle
Show country/region selectorToggleToggle

Top bar

SettingWhat it does
Show top barToggleToggle
Show social iconsToggleToggle
Show Follow on Shop buttonToggleLets shoppers follow your store in the Shop app. Eligible stores only.
Icon sizeSliderSlider
Icon alignmentDropdown
LeftCenterRight
Top bar color schemeColour schemeColour scheme

Borders

SettingWhat it does
Show borders between sectionsToggleToggle
Show borders on mobileToggleToggle

Background

SettingWhat it does
BackgroundImageImage
Overlay colorColourColour
Overlay opacitySliderSlider

Bottom bar

SettingWhat it does
Show payment iconsToggleToggle
Payment icon sizeSliderSlider
Copyright textTextText
Show Powered by Shopify linkToggleToggle
Show footer menuToggleToggle
MenuMenuMenu
Bottom bar color schemeColour schemeColour scheme

Spacing

SettingWhat it does
PaddingSliderSlider
PaddingSliderSlider

Blocks

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

Image + text

SettingWhat it does
Column widthDropdown
20% — 5 per row25% — 4 per row33% — 3 per row50% — 2 per row100% — full width
HeadingTextText
ImageImageImage
Image widthSliderSlider
Image linkLinkLink
DescriptionRich textRich text

Contact details

SettingWhat it does
AddressTextText
Email addressTextText
Phone numberTextInclude the country code, for example +1 555 0100.
Phone linkDropdown
CallWhatsApp
Shown only when it applies to the options chosen above.
Working hoursTextText
AlignmentAlignmentAlignment

Menu

SettingWhat it does
Column widthDropdown
20% — 5 per row25% — 4 per row33% — 3 per row50% — 2 per row100% — full width
HeadingTextText
MenuMenuMenu
Display styleDropdown
Vertical listTwo columns

Social icons

SettingWhat it does
Column widthDropdown
20% — 5 per row25% — 4 per row33% — 3 per row50% — 2 per row100% — full width
HeadingTextText
Icon sizeSliderSlider
Display styleDropdown
Icons onlyIcons with name

Newsletter

SettingWhat it does
Column widthDropdown
20% — 5 per row25% — 4 per row33% — 3 per row50% — 2 per row100% — full width
HeadingTextText
DescriptionTextText
Email placeholderTextText
Button labelTextText
Button styleDropdown
PrimaryOutlineText only
Success messageTextText
Show privacy textToggleToggle
Privacy textRich textShown only when it applies to the options chosen above.

Instagram

SettingWhat it does
Column widthDropdown
20% — 5 per row25% — 4 per row33% — 3 per row50% — 2 per row100% — full width
HeadingTextText
Instagram profile URLLinkThe whole block links here — images and scrolling text.

Images

SettingWhat it does
Image 1ImageImage
Image 2ImageImage
Image 3ImageImage
Image 4ImageImage
Image 5ImageImage
Image 6ImageImage
Image shapeDropdown
SquarePortraitLandscape
Images per rowSliderSlider
Space between imagesSliderSlider
Image cornersDropdown
SquareRounded

Scrolling text

SettingWhat it does
TextTextText
HandleTextText
IconDropdown
NoneAward / medalBottleBoxBubblesCalendarChat bubbleCheck markand 42 more
UppercaseToggleToggle
Time for one loopSliderHigher is slower. Scrolling stops on hover.