Handsome documentation

Store pages

Article

A single blog post: image, title, content, share buttons and related posts.

Settings

Page layout

SettingWhat it does
Page widthDropdown
DefaultFull widthCustom
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.

Article header

SettingWhat it does
Header layoutDropdown
Split — image leftSplit — image rightFull width
Show article imageToggleToggle
Image aspect ratioDropdown
Landscape (16:9)Square (1:1)Portrait (3:4)Original
Shown only when it applies to the options chosen above.
Image heightDropdown
Full screenLargeMediumSmallOriginal (image height)
Shown only when it applies to the options chosen above.
Header color schemeColour schemeText and overlay on the image. Pick a dark scheme for dark photosShown only when it applies to the options chosen above.
Overlay opacitySliderShown only when it applies to the options chosen above.
Show breadcrumbsToggleToggle
Show author nameToggleToggle
Show dateToggleToggle
Show read timeToggleToggle
Show tagsToggleToggle
Share buttonsDropdown
OffUnder the titleBelow the articleBoth

Article body

SettingWhat it does
Content widthDropdown
Narrow (640px)Normal (800px)Wide (1000px)

Product recommendations

SettingWhat it does
Show product recommendationsToggleToggle
Products sourceDropdown
ManualFrom a collectionMatching the article's tags
Shown only when it applies to the options chosen above.
ProductsProductsUsed when the source above is set to Manual.
Collection to draw fromCollectionUsed unless the source is Manual. The first 50 products are considered.
Number of productsSliderShown only when it applies to the options chosen above.
LayoutDropdown
GridHorizontal scroll
Shown only when it applies to the options chosen above.
SettingWhat it does
Show related articlesToggleToggle
Related articles sourceDropdown
Same tagsSame blog
Shown only when it applies to the options chosen above.
Number of articlesSliderShown only when it applies to the options chosen above.

Article navigation

SettingWhat it does
Show article navigationToggleToggle

Padding

SettingWhat it does
Top paddingSliderSlider
Bottom paddingSliderSlider