Brand Logos

What this section does

Brand logo showcase

Where it goes

• Can be used as many times as you like on one page.
• This section is in every plan — no extra plugin needed.

Styles

Different looks for the same section. You can change the style later; your content stays as it is.

The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.

• Static

  Freestatic

  Simple flex layout

  Specific to this style: title, subtitle, brands, grayscale

• Grid

  Freegrid

  Grid layout with cards

  Specific to this style: title, subtitle, brands, grayscale

• Scrolling

  Page Editorscrolling

  Animated marquee

  Specific to this style: title, subtitle, brands, grayscale, repeatToFill

• Cards

  Page Editorcards

  Logo cards with borders

  Specific to this style: title, subtitle, brands, grayscale

• Bordered Grid

  Page Editorbordered-grid

  Logos in a bordered cell grid with dividers

  Specific to this style: title, subtitle, brands, grayscale

• Dual Marquee

  Page Editordual-marquee

  Two rows scrolling in opposite directions

  Specific to this style: title, subtitle, brands, grayscale, repeatToFill

• Spotlight

  Page Editorspotlight

  One large featured brand logo beside a compact grid of the rest, with an eyebrow label and heading

  Specific to this style: title, subtitle, brands, grayscale

• Plus Grid

  Page Editorplus-grid

  A centered bordered logo grid with a small plus marker at each cell corner — a blueprint logo wall

  Specific to this style: title, subtitle, brands, grayscale

Settings

The fields you see in the Section Settings panel on the right when this section is selected.

Shared by every style

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height