# Product vendor

Make your product page more interesting by putting your brand logo on it.

<figure><img src="https://2076760007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FniVteMYkc5VfE2wdYlOK%2Fuploads%2F6pzdmyGh78doeg4j4nSA%2Fimage.png?alt=media&#x26;token=d30e48e4-ac3e-4e47-95b0-207f210b0eac" alt=""><figcaption></figcaption></figure>

## General settings

{% hint style="success" %}
**Step 1: Add and Copy the Brand Image Link**

1. **Add the Image:** Navigate to the left-side bar on the **Shopify Admin**, go to **Content**, select **Files**, and then click on **Upload files** to upload your brand image.
2. **Copy Image Link:** After a successful upload, locate the symbol associated with the uploaded image and click on it to copy the image link.
{% endhint %}

<figure><img src="https://2076760007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FniVteMYkc5VfE2wdYlOK%2Fuploads%2Fd3O9aLmFiu8MQgSYbznc%2Fimage.png?alt=media&#x26;token=6341a03f-89b7-492b-9cce-a95fc21ba969" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Step 2: Create a Handle Menu for the Image**

1. **Add Menu:**

Return to the **Shopify Admin**, navigate to **Online Store**, select **Navigation**, and then click on **Add Menu**.
{% endhint %}

<figure><img src="https://2076760007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FniVteMYkc5VfE2wdYlOK%2Fuploads%2FhyGcbwNeazLWHpwPvptP%2Fimage.png?alt=media&#x26;token=6e0e5ca2-8fa5-4d7d-9bfc-dac972b738dc" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
2. **Create Handle Menu:**

For this feature to work properly, fill in the title using any combination of uppercase or lowercase letters, and make sure to set the handle as **"rokan-image-vendor"**.
{% endhint %}

<figure><img src="https://2076760007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FniVteMYkc5VfE2wdYlOK%2Fuploads%2Fkr6czPqIuxIfpeHb88q4%2Fimage.png?alt=media&#x26;token=0a9e394e-c4e3-458e-9707-0ee9f19fcc5e" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Handle** has to be **"rokan-image-vendor"** to make this feature work.
{% endhint %}

Next, add a menu item:

* **Name:** Specify the menu item's name to match precisely with the product vendor's name.
* **Link:** Paste the image link that you copied in Step 1 into the designated field.

Click on "**Add**" to complete the process.

<figure><img src="https://2076760007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FniVteMYkc5VfE2wdYlOK%2Fuploads%2FBh40KUOCYyvCBiaS7by1%2Fimage.png?alt=media&#x26;token=c6eae0a2-12f7-4e71-88ea-3f508c3026ed" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Step 3: Add Vendor in Product**

1. Navigate to **Shopify Admin**.
2. Go to **Products**.
3. Choose the specific product for which you want to add the brand image.
4. Fill in the **Vendor** information for the product.
5. Ensure that the entered vendor name matches exactly with the name of the menu item created in Step 2. This alignment is crucial for the brand image to be associated correctly.
{% endhint %}

<figure><img src="https://2076760007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FniVteMYkc5VfE2wdYlOK%2Fuploads%2FlvPWnd3Nb6xQjXwuXXPj%2Fimage.png?alt=media&#x26;token=ed3a729a-994b-419c-900c-27a70feb999f" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Step 4: Add Brand Image**

1. From **Themes ==>** **Customize**, go to the **Product Page** of your specified product.
2. In the **Product Summary** section, select "**Add Block**".
3. Choose "**Product vendor logo**".
4. The brand image that you previously added will now be displayed automatically on the product page.
{% endhint %}

<figure><img src="https://2076760007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FniVteMYkc5VfE2wdYlOK%2Fuploads%2FeSKdEfGhd6qVTsS0PvYc%2Fimage.png?alt=media&#x26;token=6cbd7009-3fa3-4d54-a18f-53bbdf9492e3" alt=""><figcaption></figcaption></figure>
