Handsome documentation

Home page sections

Featured collection

Products from one collection as a grid or slider, with an optional link to the full collection.

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.

Section header

SettingWhat it does
SubheadingTextText
HeadingTextText
DescriptionRich textRich text
Heading sizeDropdown
H1 โ€” largestH2 โ€” mediumH3 โ€” small
Text alignmentDropdown
LeftCenterRight

Collection

SettingWhat it does
CollectionCollectionCollection

Desktop display

SettingWhat it does
Products per rowSliderSlider
Total products to showSliderSlider

Layout mode

SettingWhat it does
Display modeDropdown
GridSlider
Show navigation arrowsToggleShown only when it applies to the options chosen above.
Show pagination dotsToggleShown only when it applies to the options chosen above.
Enable auto scrollToggleShown only when it applies to the options chosen above.
Auto scroll speedSliderShown only when it applies to the options chosen above.
Enable paginationToggleShown only when it applies to the options chosen above.

Mobile view

SettingWhat it does
Products per row on mobileDropdown
1 column2 columns
Enable slider on mobileToggleToggle
Show arrows on mobile sliderToggleShown only when it applies to the options chosen above.
Show pagination dots on mobile sliderToggleShown only when it applies to the options chosen above.

Button below products

SettingWhat it does
Show buttonToggleToggle
Button labelTextShown only when it applies to the options chosen above.
Button linkLinkShown only when it applies to the options chosen above.
Button styleDropdown
PrimaryOutlineText only
Shown only when it applies to the options chosen above.

Spacing

SettingWhat it does
Top paddingSliderSlider
Bottom paddingSliderSlider