Pre-release documentation 0.1.0 development Orveta by Jayne
OrvetaHELP CENTER · BY JAYNE

Section tutorials

Logo showcase

Display brand, partner or publication logos in a grid, carousel or moving row.

Where to find it

In Online Store → Themes, open the unpublished theme editor, choose a compatible template, then Add section → Logo showcase. Availability follows the selected template and section group.

This section is not available in the Header group.

Set it up

  1. Add a Logo block for each permitted logo and select its Logo image.
  2. Enter Logo name and Alt text; optionally add Description and Link.
  3. Choose Grid, Carousel or Marquee. Set columns and gaps for the selected presentation.
  4. Adjust Logo height and Card padding consistently. Choose grayscale and label/description visibility.
  5. Configure mobile Grid or Horizontal scroll where available, and verify the ordering and links.

Main settings to review

SettingChoices or control
LayoutGrid · Carousel · Marquee
Logo height32–160 px; step 4
Card padding8–64 px; step 4
Show logos in grayscaleOn / Off
Mobile Grid layoutGrid · Horizontal scroll
Marquee duration10–80 s; step 5

Blocks and content

This section allows up to 20 direct blocks. Nested blocks have their own parent-specific choices and limits.

  • Logo: configure this inside the section. Its available controls are listed below.

Content and media

  • Use clean logos with consistent clear space; transparent artwork is useful when the surrounding card supplies the background.
  • Use only brands or publications you can accurately associate with your business.

Check the mobile layout

  • Check logo legibility at the mobile size and access to the last item. A moving row should not be the only location for important business information.

Common questions and fixes

  • A logo looks smaller than the others: remove excess empty space from its original artwork.
  • A logo is monochrome unexpectedly: review Show logos in grayscale.

Full control reference

Names, choices, ranges and defaults below are read from this version of the theme. Defaults are starting examples, not promises about your business. Some controls appear only for the matching layout. Block contents and preset starting values can differ from the base defaults.

All section controls (37)
SettingControl or choicesDefault and guidance
Width / Section widthPage width · Full width · Custom widthDefault: Page width.
Width / Custom width50–100 %; step 5Default: 80. Percentage of screen width. This control appears only when the relevant layout or related option is selected.
Introduction / Text above headingTextDefault: TRUSTED BY.
Introduction / HeadingFormatted inline textDefault: Brands and partners.
Introduction / TextFormatted textDefault: Show the partners, stockists or publications connected to your brand..
Introduction / AlignmentLeft / Center / RightDefault: center.
Layout / LayoutGrid · Carousel · MarqueeDefault: Grid.
Layout / Columns on desktop3–8; step 1Default: 6. This control appears only when the relevant layout or related option is selected.
Layout / Columns on tablet2–5; step 1Default: 4. This control appears only when the relevant layout or related option is selected.
Layout / Columns on mobile1–3; step 1Default: 2. This control appears only when the relevant layout or related option is selected.
Layout / Desktop gap0–48 px; step 4Default: 16.
Layout / Mobile gap0–32 px; step 2Default: 12.
Layout / Mobile Grid layoutGrid · Horizontal scrollDefault: Horizontal scroll. This control appears only when the relevant layout or related option is selected.
Carousel / AutoplayOn / OffDefault: Off. This control appears only when the relevant layout or related option is selected.
Carousel / Autoplay delay3–10 s; step 1Default: 5. This control appears only when the relevant layout or related option is selected.
Carousel / Marquee duration10–80 s; step 5Default: 30. A larger number moves more slowly. This control appears only when the relevant layout or related option is selected.
Logo cards / Card stylePlain · Border · SurfaceDefault: Surface.
Logo cards / Logo height32–160 px; step 4Default: 72.
Logo cards / Card padding8–64 px; step 4Default: 24.
Logo cards / Corner radius0–32 px; step 2Default: 8.
Logo cards / Show logos in grayscaleOn / OffDefault: On. Linked logos return to their original colour on hover.
Logo cards / Show logo namesOn / OffDefault: Off.
Logo cards / Show descriptionsOn / OffDefault: Off.
Logo cards / Accessibility labelTextDefault: Brand logos.
Media / Section background imageChoose an imageDefault: Not set.
Media / Section background positionImage focal point · Top · Center · BottomDefault: Image focal point. This control appears only when the relevant layout or related option is selected.
Media / Section background behaviorScroll with section · Fixed to viewportDefault: Scroll with section. This control appears only when the relevant layout or related option is selected.
Media / Section background overlay0–80 %; step 5Default: 0. This control appears only when the relevant layout or related option is selected.
Style / Color schemeChoose a color schemeDefault: background.
Style / Top padding0–160 px; step 4Default: 64.
Style / Bottom padding0–160 px; step 4Default: 64.
Style / Mobile padding top0–120 px; step 4Default: 40.
Style / Mobile padding bottom0–120 px; step 4Default: 40.
Style / Custom CSS classTextDefault: Not set. Enter class names only, without a period.
Advanced / Hide on desktopOn / OffDefault: Off. This control appears only when the relevant layout or related option is selected.
Advanced / Hide on mobileOn / OffDefault: Off. This control appears only when the relevant layout or related option is selected.
Advanced / Section anchorTextDefault: Not set. Optional. Use a unique name for links that jump to this section.
Logo block controls (5)
SettingControl or choicesDefault and guidance
Logo imageChoose an imageDefault: Not set.
Alt textTextDefault: Not set.
Logo nameTextDefault: Brand name.
DescriptionTextDefault: Not set.
LinkChoose or enter a linkDefault: Not set.

Need help with a setting?

Check the troubleshooting guide or prepare a support request.

Contact support