# Vendors - Alphabet: How to Set Up Vendor-specific Images

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

<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://design-packs.gitbook.io/docs/fundamentals/section-tutorials/vendors-alphabet-how-to-set-up-vendor-specific-images.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.