Adding and configuring the theme block

The Brand Page theme block is the storefront half of Easy Brand Page. Once it's in place, the admin's job is just to keep the underlying data fresh.

Adding the block

1. In Shopify admin, go to Online Store → Themes.
2. Click Customize on your active theme.
3. In the theme editor, navigate to the page where you want the directory (Pages section, homepage, etc.).
4. Click Add section (or Add block if you're inside an existing section).
5. Find "Brand page" in the picker - it's grouped under "Apps".
6. Click to add. The block appears in the theme preview.
7. Click Save.

The directory is now live on the storefront once you've run the first vendor scan in the admin.

Block settings, by group

The Brand Page block has dozens of settings, grouped in the theme editor sidebar.

Featured brands

Controls the optional row at the top of the directory that highlights your favourite vendors.

• Show featured brands section - on/off toggle.
• Show container - wraps the featured row in a bordered box.
• Section heading - text above the row (default "Featured Brands").
• Position - where the row appears in the page flow: before heading and search, below heading, or below the main A-Z list.
• Show featured collection images - if a brand is mapped to a collection that has an image, use that image as the card background.
• Image only (hide brand name) - logos only, no text labels.
• Section heading font size - 12 to 60 px.
• Columns desktop / mobile - 2 to 6 columns per breakpoint.

To mark vendors as featured, go to the Easy Brand Page admin Brands page and click the star icon next to the vendors you want.

Layout and style

The look of the main directory.

• Show search bar - on/off.
• Show A-Z filter - on/off.
• Show collection images - if a brand maps to a collection with an image, use it as the card background.
• Image only - hide text labels on brand cards when images are shown.
• Card style - Soft (rounded), Outlined (sharp border), or Minimal (no border).
• Spacing - Compact, Comfortable, or Spacious.
• Typography scale - Small, Normal, or Large.

Heading

• Heading text - the title above the directory (default "Brands").
• Show heading - on/off.
• Font size - 16 to 80 px.

Search

• Search bar position - right of heading, or below heading.
• Placeholder text - what shows inside the search box when empty.

A-Z filter

• Button size - Normal or Large.
• Letter label font size - 10 to 72 px.

Brand cards

• Columns desktop / mobile - 2 to 6 columns per breakpoint.

How block settings interact with admin settings

The theme block controls how it looks. The admin controls what data it shows. Specifically:

• Card visuals, spacing, columns - theme block.
• Whether a brand appears at all - admin (exclude toggle, out-of-stock filter).
• Whether a brand is marked as featured - admin (star icon).
• Which collection a brand links to - admin (settings, plus auto-mapping).
• What language the headings use - theme block (you set the text).
• What language the brand names use - your products' Vendor field, in whatever language you stored it.

Multiple language storefronts

Easy Brand Page is locale-agnostic. Heading text, search placeholder, and the "Brands" title live in the theme block and you edit them per locale through Shopify's standard theme translation flow. Brand names come from the vendor field on your products and render in whatever language you saved them as.

Removing or hiding the block

To temporarily hide the directory from a page without uninstalling the app:

1. Open the theme editor.
2. Click the Brand Page block.
3. Toggle Show off, or remove the block entirely.

The metafield with brand data remains in your shop, so reinstalling or re-adding the block restores the directory instantly.

What's next

• Featured brands - the favourites row.
• Design and layout - styling deeper.
• Brand-to-collection mapping - the link targets per brand.