Handsome documentation

Home page sections

Scrolling promotion

A moving band of text, images and short reviews. Use it to break up long pages.

Settings

Section width

SettingWhat it does
WidthDropdown
Full widthDefaultCustom width
Custom widthSliderShown 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.

Scrolling

SettingWhat it does
Scroll directionDropdown
Right to leftLeft to right
Pause on hoverToggleToggle
Scroll speedSliderLower value = faster scrolling

Dimensions

SettingWhat it does
Bar heightSliderIgnored when testimonial blocks are present — height adjusts to content
Gap between itemsSliderSlider

Spacing

SettingWhat it does
Top paddingSliderSlider
Bottom paddingSliderSlider

Blocks

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

Text

SettingWhat it does
TextTextText
Font sizeSliderSlider
Font weightDropdown
LightRegularBold
Text colorColourColour

Image

SettingWhat it does
ImageImageImage
Image widthNumberEnter a pixel value. Set to 0 or leave blank to use original size.

Testimonial

SettingWhat it does
Star ratingSliderSlider
Review textTextText
Reviewer photoImageImage
Photo widthNumberEnter a pixel value. Set to 0 or leave blank to use original size.
Reviewer nameTextText
Reviewer title or locationTextText