Setting up the Brand List

This guide will walk you through setting up and configuring the Brand List page, which displays all your brands in a searchable, alphabetical format.

Accessing the Brand List Settings

  1. Log into your Shopify admin dashboard
  2. Go to “Online Store” → “Themes” in the left sidebar
  3. Click “Customize” on your active theme
  4. In the theme editor, navigate to the page where you want to add the Brand List
  5. In the left sidebar, look for the “Template” section
  6. Expand the “Apps” category under Template
  7. You should see “Brand Page – Our Brands” or similar
  8. Click on it to select the Brand List block

Shopify theme editor showing Brand Page block selected in the left sidebar with Brand List Settings panel on the right

 

Understanding the Brand List Block

The Brand List block displays all your active brands in an organized, searchable format. It includes features like:

  • Alphabetical organization
  • Search functionality
  • Brand logos and descriptions
  • Letter section headers
  • Empty state messaging

Configuring Brand List Settings

In the right sidebar, you’ll see the “Brand List Settings” panel with various configuration options:

Title

  1. Locate the “Title” field in the Brand List Settings
  2. Enter the heading you want to display at the top of your brand list
  3. Default value is typically “Our Brands”
  4. You can customize this to match your store’s branding (e.g., “Shop by Brand”, “Our Partners”, etc.)
  5. The title will appear prominently at the top of the brand list page

Show Search Field

  1. Find the “Show search field” toggle switch
  2. Toggle it ON to display a search bar on the brand list page
  3. Toggle it OFF to hide the search functionality
  4. When enabled, customers can search for brands by typing in the search field
  5. This is useful if you have many brands

Search Placeholder Text

  1. If “Show search field” is enabled, you’ll see the “Search placeholder text” field
  2. Enter the placeholder text that appears in the search bar before users start typing
  3. Default value is typically “Search brands…”
  4. You can customize this to match your tone (e.g., “Find a brand”, “Search our brands”, etc.)
  5. This text appears in light gray and disappears when users click in the search field

Show Alphabet Navigation

  1. Find the “Show alphabet navigation” toggle switch
  2. Toggle it ON to display an alphabetical navigation bar (A-Z)
  3. Toggle it OFF to hide the alphabet navigation
  4. When enabled, customers can click on letters to jump to brands starting with that letter
  5. This is helpful for quickly navigating through many brands
  6. The navigation typically appears below the search field and title

 

Show Letter Section Headers

  1. Find the “Show letter section headers” toggle switch
  2. Toggle it ON to display large letter headers (A, B, C, etc.) before each alphabetical section
  3. Toggle it OFF to hide these section headers
  4. When enabled, brands are grouped by their starting letter with a large letter header
  5. This makes it easier to see which section you’re viewing
  6. Works best when combined with alphabet navigation

Show Brand Logos

  1. Find the “Show brand logos” toggle switch
  2. Toggle it ON to display brand logos on the brand list
  3. Toggle it OFF to show only brand names (text only)
  4. When enabled, each brand card will display the brand’s logo image
  5. This creates a more visual and engaging brand list
  6. Make sure your brands have logos uploaded for best results

Show Brand Descriptions

  1. Find the “Show brand descriptions” toggle switch
  2. Toggle it ON to display short descriptions under each brand name
  3. Toggle it OFF to show only brand names
  4. When enabled, the short description (tagline) you entered for each brand will appear
  5. This provides more context about each brand
  6. Descriptions help customers understand what each brand offers

Empty State Message

  1. Find the “Empty state message” field
  2. Enter the message you want to display when there are no brands to show
  3. Default value is typically “No brands available at this time.”
  4. This message appears when:
    • No brands have been created yet
    • All brands are set to inactive status
    • A search returns no results
  5. You can customize this to match your brand voice

Previewing Your Brand List

  1. As you make changes to the settings, the central preview area will update in real-time
  2. You can see how your brand list will look to customers
  3. The preview shows:
    • The title at the top
    • Search field (if enabled)
    • Alphabet navigation (if enabled)
    • Brand cards with logos and descriptions (based on your settings)
    • Letter section headers (if enabled)
  4. Use the preview to test different configurations

 

Brand List Layout Options

Full Featured Brand List

For the most comprehensive brand list experience, enable:

  • Show search field: ON
  • Show alphabet navigation: ON
  • Show letter section headers: ON
  • Show brand logos: ON
  • Show brand descriptions: ON

This creates a rich, searchable, visually appealing brand directory.

Minimal Brand List

For a simple, clean brand list, you can disable most features:

  • Show search field: OFF
  • Show alphabet navigation: OFF
  • Show letter section headers: OFF
  • Show brand logos: ON (recommended for visual appeal)
  • Show brand descriptions: OFF

This creates a simple grid of brand names/logos.

Saving Your Configuration

  1. After configuring all your Brand List settings, review them in the preview
  2. Make any final adjustments
  3. Click the “Save” button in the top right corner of the theme editor
  4. Your brand list configuration will be saved and published
  5. Customers will now see your configured brand list on the live site

Removing the Brand List Block

  1. If you need to remove the Brand List block from a page:
  2. Select the “Brand Page – Our Brands” block in the left sidebar
  3. Scroll to the bottom of the right sidebar settings panel
  4. Click the “Remove block” button
  5. Confirm the removal
  6. The brand list will be removed from that page

Managing Brands from the App

  1. To add or edit brands that appear in the list, use the “Manage app” link in the settings panel
  2. This takes you to the Brand Pages app where you can:
    • Create new brands
    • Edit existing brands
    • Set brand status (Active/Inactive)
    • Upload brand logos
    • Add brand descriptions
  3. Only brands with “Active” status will appear in the brand list

Best Practices

  • Use a clear, descriptive title that matches your store’s voice
  • Enable search if you have more than 10-15 brands
  • Enable alphabet navigation for 20+ brands
  • Always upload brand logos for visual appeal
  • Write compelling short descriptions for each brand
  • Test the brand list on mobile devices to ensure it looks good
  • Keep inactive brands hidden by setting their status to “Inactive”

Troubleshooting

No Brands Appearing

  • Check that you have created at least one brand in the Brand Pages app
  • Verify that brands are set to “Active” status
  • Ensure the Brand List block is properly added to your page

Search Not Working

  • Verify “Show search field” is toggled ON
  • Check that you have active brands to search through
  • Try refreshing the page

Logos Not Displaying

  • Ensure “Show brand logos” is toggled ON
  • Verify that brands have logos uploaded in the Brand Pages app
  • Check that logo file formats are supported (SVG, PNG, JPG)