Logo list
Overview:
The Logo List section is used to showcase brand logos, partner logos, certifications, featured publications, or trusted company logos in a structured visual layout. It supports grid, slideshow, and marquee layouts along with responsive spacing, typography customization, grayscale effects, autoplay controls, and advanced alignment settings. This section helps improve trust, credibility, and brand recognition across the storefront.
Blocks Configuration
Logo Block:
The Logo block displays individual logos inside the logo list section.
| Setting | Description |
|---|---|
| Logo Image | Uploads the logo image displayed inside the section. |
| Logo Size | Controls the display size of the logo image. |
Section Configuration
Heading:
| Setting | Description |
|---|---|
| Section Heading | Defines the main heading displayed above the logo list section. |
| Heading Size | Controls the size of the heading text. |
| Heading Weight | Adjusts the font thickness of the heading text. |
| Heading Case | Changes the text transformation style such as uppercase, lowercase, capitalize, or default. |
| Heading Tag | Sets the HTML heading tag level from H1 to H6 for SEO and accessibility purposes. |
| Heading Font Family | Allows switching between default and body font family styles. |
| Heading Color Style | Applies predefined color styling to the heading text. |
| Heading Link Style | Controls the styling behavior of links used inside the heading content. |
| Enable Heading Gradient | Enables gradient styling for the heading text. |
Grid Settings:
| Setting | Description |
|---|---|
| Desktop Grid Spacing | Adds spacing between logos on desktop devices. |
| Mobile Grid Spacing | Adds spacing between logos on mobile devices. |
Marquee Settings:
These settings are available when the layout style is set to Marquee.
| Setting | Description |
|---|---|
| Marquee Direction | Controls the scrolling direction of logos. |
| Marquee Speed | Controls the scrolling animation speed of the marquee logos. |
| Pause on Hover | Pauses the marquee animation when users hover over the logos. |
Slideshow Settings:
These settings are available when the layout style is set to Slideshow.
| Setting | Description |
|---|---|
| Show Slideshow Arrows | Displays navigation arrows for the logo slideshow. |
| Enable Auto Play | Automatically rotates logos inside the slideshow. |
| Slideshow Interval | Controls the autoplay delay timing between logo slides. |
Layout:
| Setting | Description |
|---|---|
| Layout Style | Controls whether logos display in grid, slideshow, or marquee style. |
| Enable Logo Grayscale | Displays logos in grayscale mode until hovered or interacted with. |
| Container Layout | Determines whether the section uses a contained, contained content, or full-width layout. |
| Container Width | Controls the maximum width of the logo section container on desktop devices. |
| Text Alignment (Desktop) | Sets the horizontal alignment of section content on desktop devices. |
| Text Alignment (Mobile) | Sets the horizontal alignment of section content on mobile devices. |
Color Scheme
| Setting | Description |
|---|---|
| Section Color Scheme | Applies a predefined color palette to the logo section background and content. |
| Gradient Mode | Enables gradient styling for the section background. |
Padding
| Setting | Description |
|---|---|
| Top Padding | Adds vertical spacing above the section. |
| Bottom Padding | Adds vertical spacing below the section. |