Brand Grid Section Showcase Brands in a Clean Layout

Display partner, supplier, or featured brand logos in a neat two-column grid with supporting text, flexible positioning, responsive layouts, and a clear call to action.

  • check-icon 2.0 Compatible
  • check-icon 6 Brand Logos
  • check-icon Responsive Grid
Partner brand grid
Supplier logos
vector
vector

Key Features: Showcase Your Brand Partners Clearly

Create a clean brand showcase with multiple logos, supporting content, flexible media placement, responsive settings, and customizable buttons for your Shopify store.

Showcase Multiple Brands

Showcase Multiple Brands

Add up to six brand images to create a focused logo grid.

Two-Column Brand Grid

Two-Column Brand Grid

Display brand logos in an organized grid beside your section content.

Flexible Media Position

Flexible Media Position

Place the brand grid on the left or right of the section.

Supporting Text Content

Supporting Text Content

Add a heading and rich text to explain your brand partnerships or collection.

Custom Call-to-Action

Custom Call-to-Action

Add a button with your own label and destination link.

Flexible Image Height

Flexible Image Height

Choose small, medium, large, or automatic image height for the brand grid.

Responsive Mobile Layout

Responsive Mobile Layout

The content and brand grid stack neatly on smaller screens for easier browsing.

Custom Styling Controls

Custom Styling Controls

Adjust colors, typography, spacing, button styles, and section width from the theme editor.

Brand Grid Settings & Options

Customize content, brand layout, images, buttons, colors, spacing, and section width.

Section Settings

Section Settings

Applies to the whole section

Add the main heading displayed beside the brand logos.

Heading

Add supporting rich text below the section heading.

Content

Align section text separately for desktop and mobile.

Text Alignment

Choose whether the brand grid appears on the left or right.

Media Position

Set the height style for the brand image area.

Image Height

Control the spacing between brand images.

Media Spacing

Adjust the heading and content font sizes.

Font Size

Customize the section, text, and button colors.

Colors

Set desktop and mobile top and bottom spacing.

Section Padding

Control full-width display and maximum section width.

Section Width
Block Settings

Block Settings

Applies to each brand block

Add the logo or image for each brand item.

Brand Image

Where This Section Can Be Used

Use the Brand Grid to introduce trusted brands, suppliers, partners, or featured logos throughout your Shopify store.

  • Home Page
  • Collection Page
  • Product Page
  • Landing Page
Home Page

Build Trust With Recognizable Brands

Showcase partner or supplier logos on your homepage to introduce the brands your store works with.

check-iconDisplay trusted brand logos

check-iconIntroduce business partners

check-iconAdd supporting brand information

check-iconGuide visitors with a CTA

Collection Page

Highlight Brands Within Collections

Use the brand grid to showcase brands associated with a collection or to explain which brands shoppers can discover.

check-iconIntroduce collection brands

check-iconOrganize multiple logos

check-iconSupport collection messaging

check-iconLink shoppers to relevant pages

Product Page

Showcase Product Brand Associations

Place brand logos near product-related content to highlight associated brands, suppliers, or product ranges.

check-iconHighlight related brands

check-iconSupport product information

check-iconBuild visual trust

check-iconAdd a useful destination link

Landing Page

Create a Focused Brand Showcase

Use the section on campaign or brand-focused landing pages to present partner logos alongside a clear message and CTA.

check-iconPresent partner brands

check-iconSupport campaign messaging

check-iconCreate a clean visual layout

check-iconAdd a direct CTA

Present Multiple Brands Without Cluttering Your Store

Keep brand logos organized in a simple grid while giving shoppers useful context through supporting text and a clear button.

Brand Grid section

Create a Flexible Brand Showcase for Any Store

Control logo placement, image height, spacing, typography, colors, buttons, and responsive section width from the theme editor.

check-iconShowcase up to six brand images

check-iconKeep logos organized in a two-column grid

check-iconPlace the media on either side

check-iconAdd supporting heading and rich text

check-iconInclude a customizable CTA button

check-iconChoose different image height options

check-iconAdjust desktop and mobile spacing

check-iconCreate a responsive mobile layout

Do this, skip that.

DO

  • do Use clear, high-quality brand logos
  • do Keep logo styles visually consistent
  • do Add short and useful supporting content
  • do Use a CTA that matches the section purpose
  • do Choose image spacing that keeps the grid easy to scan

DON'T

  • don't Mix heavily different logo sizes without purpose
  • don't Add unnecessary text beside the logos
  • don't Use unrelated brand images
  • don't Add a button without a useful destination
  • don't Overcrowd the grid with visually busy logos

Frequently Asked Questions

Can I add multiple brand logos?

Yes. The section supports up to six Brand blocks, with one brand image per block.

Can I place the brand grid on either side?

Yes. The Media Position setting lets you place the brand grid on the left or right side of the section.

Can I add a heading and description?

Yes. You can add a heading and rich-text content next to the brand grid.

Can I add a button to the section?

Yes. You can add a button label and link. You can also choose between regular and outline button styling.

Can I change the brand image height?

Yes. You can choose Small, Medium, Large, or Auto image height.

Can I control the space between brand images?

Yes. The Media Spacing setting lets you adjust the gap between the brand items.

Can I customize the section colors?

Yes. You can customize the background, heading, content, button, border, hover, and outline button colors.

Is the Brand Grid mobile responsive?

Yes. On mobile, the text content and brand grid stack vertically for a cleaner layout.

Help Center

support e-mail

We're Here to Help: We believe in providing exceptional customer support!

For Support or any Questions Email Us: [email protected]

Ready When You Are: Showcase Brands in a Clean Layout

Install SectionHub and add the Brand Grid section to your theme in minutes - no coding required.