Handsome documentation

Content and media

FAQs

Questions and answers in collapsible rows, with optional search and categories.

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
Layout styleDropdown
StackedSplitSplit (reversed)Two columns
Header column widthDropdown
30%40%50%
Shown only when it applies to the options chosen above.
Sticky header in split layoutToggleShown only when it applies to the options chosen above.

FAQ display

SettingWhat it does
Accordion styleDropdown
Border bottom onlyBoxedCard
Icon styleDropdown
Plus / minusArrow up / downChevron
Open first FAQ by defaultToggleToggle

Categories

SettingWhat it does
Display categories asDropdownUsed once a question has a category.
TabsHeadings
SettingWhat it does
Enable search barToggleToggle

Search engines

SettingWhat it does
Show these questions in search resultsToggleAdds FAQ markup for Google. Use on one section per page.

Button

SettingWhat it does
Button labelTextText
Button linkLinkLink
Button styleDropdown
PrimaryOutlineText only

Spacing

SettingWhat it does
Top paddingSliderSlider
Bottom paddingSliderSlider

Blocks

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

FAQ

SettingWhat it does
QuestionTextText
AnswerRich textRich text
CategoryTextGroup FAQs under a shared category label