# 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.

\
