Brands: List

The Brands: List section allows you to display a grid or slider of brand logos with optional headings, links, and background styles.

It’s typically used to showcase the store’s partner brands, featured labels, or product manufacturers.

This section is fully customizable — you can adjust spacing, grid layout, background, colors, and interactive styles.

Location: Sections -> Templates -> Brands → Brands: list


Brands: List — Options Overview

Option

Description

Heading

Main title of the section displayed above the brand grid. Useful for labeling the content (e.g., “Our Brands” or “Featured Designers”).

Subheading

Smaller text shown above or below the main heading to provide context or introduction. Often used for taglines or descriptive subtitles.

Heading

Field for entering the main section heading text.

Description

Optional descriptive paragraph shown below the heading. Can include marketing text or a short explanation about the listed brands.

Heading alignment

Defines horizontal alignment of heading and description. Options: Left, Center.

Layout

Controls spacing and width settings for the section layout.

Top spacing

Sets vertical spacing above the section. Options: None, Small, Medium, Normal — used to adjust distance from the previous section.

Width

Defines the total content width for the section. Options: Default – standard container width matching page layout. Boxed – adds padding and background borders around the section. Wide – expands content for screens with 1440px width or more. Fullwidth – stretches content across the entire browser window.

Number of columns

Controls how many brand logos appear per row on desktop. Adjustable from 4 to 12 columns.

Number of columns on tablet

Determines how many logos display per row on tablets (from 4 to 8). Ensures a balanced grid on medium screens.

Mobile grid

Defines how brand items are displayed on mobile devices: • One item per row – logos are stacked vertically for large images. • Two items per row – shows two smaller brand items side-by-side.

Brands

Group of settings controlling brand item appearance and behavior.

Image ratio

Defines the shape of brand images: • Auto – keeps original image proportions. • Portrait (3:4) – tall image ratio. • Landscape (4:3) – wide image ratio. • Square (1:1) – equal height and width. • Round (1:1) – square cropped into a circle. • Social story (9:16) – vertical, similar to story format. • Widescreen (16:9) – horizontal panoramic ratio.

Text align

Aligns text (if brand names or captions are shown) to Left or Center.

Underline on hover

Adds an underline animation when a user hovers over a brand name or link, improving interactivity.

Slider settings

Group of options enabling slider behavior instead of a static grid.

Enable slider

Converts the brand grid into a horizontal slider with scroll arrows and dots for navigation. Useful for large brand collections.

Dividing line

Section that visually separates brand items or defines section boundaries.

Show

Toggles the dividing line on or off below the section. Adds structure between sections on the page.

Background

Controls the section background appearance.

Background type

Options: • Hide – no background is shown. • Color – applies a solid color. • Gradient – uses a smooth color transition. • Image – sets a custom background image from the media library.

Colors

Adjusts all color elements within the section for full customization.

Base

Sets the base text or background color for the section’s main area.

Accent

Defines the accent color used for small details, icons, or decorative elements.

Lines

Adjusts the color of dividing or grid lines between brand items.

Lines hover

Sets the color of dividing or decorative lines when hovered.

Brand

Subgroup of color controls for brand elements.

Heading

Sets the color of the brand name or heading text.

Heading link hover

Defines the hover color for brand name links.

Text box

Adjusts background or border color of the brand text container (if shown).

Media button

Controls the color and background for interactive media buttons (if slider arrows or play icons are used).

Slider arrows

Changes the color of navigation arrows in slider mode.

Slider dots

Adjusts the color of navigation dots at the bottom of the slider.

Adding Brand Items

The Brands: List section can be filled using multiple Brand blocks. You can add as many Brand blocks as needed to showcase each logo or company.


Brand — Options Overview

Option

Description

Image

Upload or select the brand’s logo image from the media library. It’s automatically resized based on the Image ratio selected.

Text

Optional label or brand name displayed under the logo.

Link

Add a link to direct customers to a specific brand collection, page, or external site when the brand logo is clicked.

Last updated