Setting up the Single Brand Page in Shopify

This guide will walk you through setting up and configuring individual brand pages that display detailed information about a specific brand, including its products and custom content.

Understanding Single Brand Pages

A Single Brand Page displays:

  • Brand logo and name
  • Brand description and details
  • Products associated with that brand
  • Custom content blocks (configured via Layout Builder)
  • Brand-specific imagery and messaging

Accessing Single Brand Page 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 or template where you want to add the Single Brand Page
  5. In the left sidebar, look for the “Template” section
  6. Expand the “Apps” category under Template
  7. Look for “Brand Page” or “Brand Page Template” block
  8. Click on it to select the Single Brand Page block

Shopify theme editor showing Brand Page block selected with Brand Page Template settings in the right sidebar

 

 

Configuring the Brand Page Template

In the right sidebar, you’ll see the “Brand Page” settings panel. The “Block Type” should be set to “Brand Page Template” via a dropdown.

Block Type Selection

  1. Locate the “Block Type” dropdown in the settings panel
  2. Ensure it’s set to “Brand Page Template”
  3. This determines that this block will display a single brand’s page
  4. If you need to switch between different block types, use this dropdown

Understanding the Brand Page Preview

The central preview area shows how your single brand page will appear to customers. It typically displays:

  • Brand logo at the top
  • Brand name prominently displayed
  • Brand description text
  • Any custom content blocks you’ve configured
  • Product showcases (if configured)

Single brand page preview showing ANGELS logo, brand name, description, and custom content blocks

Customizing Brand Page Content

Using the Layout Builder

The content displayed on single brand pages is primarily controlled through the Layout Builder in the Brand Pages app. To customize what appears on brand pages:

  1. Go to the Brand Pages app in your Shopify admin
  2. Click on “Layout Builder”
  3. Select the brand you want to customize
  4. Add, edit, or reorder content blocks
  5. Save your layout changes
  6. Return to the theme editor to see the updates in the preview

For detailed instructions on using the Layout Builder, see the “Customizing your Brand Layouts” documentation.

Available Content Blocks

You can add various content blocks to your brand pages through the Layout Builder:

  • Header Block – Brand logo and name display
  • Hero Block – Large hero image or slideshow
  • Custom HTML – Custom HTML content with Liquid support
  • CTA Banner – Call-to-action section with image
  • Product Showcase – Display featured products from the brand
  • Category Grid – Display product categories in a visual grid
  • Social Links – Social media profile links with icons

Brand Page Settings in Theme Editor

Preview Selection

  1. In the left sidebar, you may see a “Preview” section
  2. This allows you to preview how different brands will look
  3. Select a brand from the dropdown to see its page layout
  4. Use the “Change” button to switch between different brands for preview
  5. This helps you see how your layout works for different brands

Managing App Settings

  1. In the right sidebar settings, you’ll find a “Manage app” link
  2. Clicking this takes you directly to the Brand Pages app
  3. From there you can:
    • Create or edit brands
    • Use the Layout Builder to customize content
    • Manage brand settings and status
    • Upload brand logos and cover photos

Setting Up Brand Information

Before the single brand page displays properly, ensure you have set up the brand information:

Required Brand Information

  1. Go to Brand Pages app → Brand Pages list
  2. Create or edit a brand
  3. Fill in the essential information:
    • Brand Name (required)
    • URL Slug (for the page URL)
    • Description (appears on the brand page)
    • Brand Logo (recommended)
    • Cover Photo (optional but recommended)
  4. Set Status to “Active”
  5. Save the brand

Linking Products to Brands

For products to appear on brand pages, they must be linked to the brand:

  1. Go to Brand Pages app → Product Integration
  2. Or assign brands via product metafields
  3. Link products to their respective brands
  4. Products will then appear in Product Showcase blocks on brand pages

For detailed instructions, see the “Linking Products to Brands” documentation.

Configuring Product Display

Using Product Showcase Blocks

  1. In the Layout Builder, add a “Product Showcase” block
  2. Configure the block to display products from the brand
  3. Choose layout options (grid or slider)
  4. Set filtering options if needed
  5. Products linked to the brand will automatically appear

Using Product Curated Blocks

  1. Product curated blocks allow you to manually select which products appear
  2. Add a “Product Curated” block in the Layout Builder
  3. Select specific products to feature on the brand page
  4. This gives you more control over which products are highlighted

SEO Configuration

Configure SEO settings for better search engine visibility:

  1. Go to Brand Pages app → Edit the brand
  2. In the SEO Settings section, configure:
    • SEO Title – Custom page title for search engines
    • SEO Description – Meta description for search results
  3. Save your changes
  4. These settings help your brand pages rank better in search results

Previewing Your Brand Page

  1. In the theme editor, use the preview area to see how your brand page looks
  2. Switch between different brands using the preview selector
  3. Check how content blocks are displayed
  4. Verify that products appear correctly
  5. Test on different view modes (desktop, tablet, mobile) using the view mode icons

Saving Your Configuration

  1. After configuring your brand page settings, review everything 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 page configuration will be saved and published
  5. Brand pages will now be accessible at their configured URLs

Accessing Brand Pages

Once configured, brand pages are accessible at:

  • /pages/brands/[brand-url-slug]
  • Example: /pages/brands/ana-sousa

The URL slug is set when creating or editing a brand in the Brand Pages app.

Removing the Brand Page Block

  1. If you need to remove the Brand Page block from a page:
  2. Select the “Brand Page” 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 page block will be removed from that page

Best Practices

  • Always upload a high-quality brand logo
  • Write compelling brand descriptions that tell your brand’s story
  • Use the Layout Builder to create engaging, unique layouts for each brand
  • Ensure products are properly linked to brands
  • Configure SEO settings for better discoverability
  • Use hero blocks or cover photos for visual impact
  • Test brand pages on mobile devices
  • Keep brand information up to date
  • Use custom HTML blocks for unique brand experiences

Troubleshooting

Brand Page Not Displaying

  • Verify the brand exists and is set to “Active” status
  • Check that the Brand Page block is added to your theme
  • Ensure the URL slug is correctly configured
  • Try accessing the page directly via its URL

Content Blocks Not Showing

  • Verify you’ve added blocks in the Layout Builder for that brand
  • Check that blocks are saved in the Layout Builder
  • Refresh the theme editor preview
  • Ensure you’re previewing the correct brand

Products Not Appearing

  • Verify products are linked to the brand via metafields or Product Integration
  • Check that products are published and available
  • Ensure a Product Showcase or Product Curated block is added in the Layout Builder
  • Check for any filters that might exclude products

Logo or Images Not Displaying

  • Verify images are uploaded in the brand settings
  • Check that image file formats are supported (SVG, PNG, JPG)
  • Ensure image files are not corrupted
  • Try re-uploading the images