Skip to main content

​
Introduction

The vendors page displays a list of brands or manufacturers featured in your store. You can customize how vendor cards look and how visitors navigate through the list.
PATH: Online Store > Themes > Customize > Template Selector > Pages > Vendor list
Vendor Metaobject

​
Key Settings

SettingDescription
Show vendor logoDisplays the vendor’s logo when available.
Show navigationEnables alphabetical navigation for browsing vendors.
Metaobject for vendor listSelect the metaobject that contains your vendor entries.
Logo heightControls the displayed height of vendor logos.
Color scheme for cardsSets the color scheme used for vendor cards.

​
Setup vendors metaobject

Vendor Metaobject To display vendors on this page, you need to create a metaobject definition for your vendors and add vendor entries.
1

Create vendor metaobject definition

You need to create a metaobject definition for vendors.

  1. In the Shopify admin, go to Content → Metaobjects → Add definition.
  2. Create a Vendor metaobject definition:
    • Name: Vendor
    • Handle: vendor
  3. Add following fields to the definition:
    Field NameType
    NameOne : Single line text
    LogoOne : Multi-line text
    ImageOne : Image (File)
  4. Save the definition.

Important Note:
Field keys (handles) must be exactly: name, logo, image.
If the handles differ, the theme will not be able to read the vendor data.
2

Link the created metaobject in section settings

Finally, you need to link the created metaobject in the section settings.

  1. In the Vendor List section, enter the created Vendor metaobject definition.
  2. Save your changes.

After entering it, vendor entries will automatically appear on the Vendors page.