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