Handsome documentation

Content and media

Gallery

A grid or slider of images, for lookbooks and social content.

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 alignmentAlignmentAlignment

Layout

SettingWhat it does
Gallery layout styleDropdown
GridMasonryFeaturedSlider
Show navigation arrowsToggleShown only when it applies to the options chosen above.
Show pagination dotsToggleShown only when it applies to the options chosen above.
Columns on desktopSliderSlider
Gap between imagesSliderSlider

Load more

SettingWhat it does
Limit images shownToggleShows a button that reveals the rest of the gallery.Shown only when it applies to the options chosen above.
Images shown on desktopSliderShown only when it applies to the options chosen above.
Images shown on mobileSliderShown only when it applies to the options chosen above.
Button styleDropdown
FilledOutlineText only
Shown only when it applies to the options chosen above.

Image settings

SettingWhat it does
Image aspect ratioDropdown
1:1 (square, cropped)3:4 (portrait)4:3 (landscape)Adapt to image
Shown only when it applies to the options chosen above.
Enable image zoom on click (lightbox)ToggleToggle
Hover effectDropdown
Zoom inOverlay with captionOverlay with iconNone

Instagram / social feed

SettingWhat it does
Instagram handleTextText
Button labelTextText
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.

Mobile view

SettingWhat it does
Columns on mobileDropdown
123
Enable horizontal scroll on mobileToggleNot available for the masonry or slider layouts.Shown only when it applies to the options chosen above.
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.

Spacing

SettingWhat it does
Top paddingSliderSlider
Bottom paddingSliderSlider

Blocks

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

Image

SettingWhat it does
ImageImageImage
CaptionTextText
Alt textTextText
LinkLinkLink
Label or tagTextText