Handsome documentation

Store pages

Blog page

The blog page: a banner and the list of posts.

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.

Blog banner

Display

SettingWhat it does
Show bannerToggleToggle
Show breadcrumbsToggleToggle

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.
Image focal pointDropdown
CenterTopBottomLeftRight
Shown 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.
Text colorColourShown 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 sizeDropdown
H1 โ€” largestH2 โ€” mediumH3 โ€” small
Shown only when it applies to the options chosen above.
Title alignmentDropdown
LeftCenterRight
Shown only when it applies to the options chosen above.
Title colorColourShown only when it applies to the options chosen above.

Blog content

Filter

SettingWhat it does
Show tag filterToggleToggle
Filter styleDropdown
TabsPillsDropdown
Show 'All' optionToggleToggle
'All' labelTextText
AlignmentDropdown
LeftCenterRight
Horizontal scroll on mobileToggleToggle

Articles

SettingWhat it does
Layout styleDropdown
GridListMagazine
Columns on desktopDropdown
234
Columns on mobileDropdown
12
Shown only when it applies to the options chosen above.
Column gapSliderSlider
Row gapSliderSlider
Show imageToggleToggle

List layout

SettingWhat it does
Image positionDropdown
LeftRight
Image width (%)SliderSlider

Magazine layout

SettingWhat it does
Featured image heightDropdown
LargeMediumSmall
Remaining article columnsDropdown
23
Show 'Featured' labelToggleToggle
Featured label textTextText

Pagination

SettingWhat it does
Pagination styleDropdown
NumberedLoad more buttonInfinite scroll
Articles per pageSliderSlider
Load more button labelTextText
Button styleDropdown
PrimaryOutlineText only
Show remaining countToggleToggle
Show page infoToggleToggle

Empty state

SettingWhat it does
HeadingTextText
MessageTextText
Button labelTextText
Button linkLinkLink