How to Set Up Vendor Images in the Vendors - Alphabet section

Prepare Your Vendor Images

• Each vendor image must be a PNG file.

• The file name must match the vendor’s name in a special format called “handleized”:

  • All lowercase

  • Spaces and special characters replaced with hyphens (-)

  • No punctuation or special symbols

• Example:

  • Vendor name: Cool Brand → File name: cool-brand.png

  • Vendor name: A&B Co. → File name: a-b-co.png

How to Handleize a Vendor Name

• Convert all letters to lowercase.

• Replace spaces and special characters with hyphens.

• Remove punctuation.

• Examples:

  • The Best Vendor → the-best-vendor.png

  • A&B Co. → a-b-co.png

  • O'Neill's → o-neill-s.png

Upload Images to Shopify Files

• In your Shopify admin, go to Content > Files.

• Click Upload files and select your handleized vendor images.

• Wait for the upload to finish.

Enable Vendor Images in the Section Settings

• In your Shopify admin, go to Online Store > Themes.

• Click Customize on your current theme.

• Navigate to the page where the Vendors section is visible.

• Click on the Vendors section to open its settings.

• Find and check the box labeled Enable vendor images.

Check Your Vendor List

• The vendor images should now appear next to each vendor name in the list.

• If an image does not appear, double-check:

  • The file is a PNG.

  • The file name is handleized to match the vendor name.

  • The image is uploaded in the Files section.

Troubleshooting

• If you still don’t see an image:

  • Refresh your storefront page.

  • Double-check the handleized file name.

  • The image will only show if it loads successfully; broken or missing images are automatically hidden.