Handsome documentation

Home page sections

Brands list

Logos of brands, press or partners, as a row or scrolling band.

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
GridScrolling
Brands per row on desktopSliderShown only when it applies to the options chosen above.
Gap between brandsSliderSlider

Scrolling settings

SettingWhat it does
Scroll directionDropdown
Right to leftLeft to right
Shown only when it applies to the options chosen above.
Scroll speedSliderShown only when it applies to the options chosen above.
Pause on hoverToggleShown only when it applies to the options chosen above.
Enable infinite loopToggleShown only when it applies to the options chosen above.
Show two rowsToggleShown only when it applies to the options chosen above.

Brand card

SettingWhat it does
Image display styleDropdown
OriginalGrayscaleGrayscale, color on hover
Brand image widthSliderSet to 0 to use the original image size
Card backgroundDropdown
TransparentFilledBordered
Hover effectDropdown
Scale upOpacity fadeNone

Mobile view

SettingWhat it does
Logos per row on mobileSliderIn the scrolling layout this is how many are visible at once.

Spacing

SettingWhat it does
Top paddingSliderSlider
Bottom paddingSliderSlider

Blocks

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

Brand

SettingWhat it does
Brand logoImageImage
Brand nameTextUsed as alt text for accessibility and SEO
LinkLinkLink