Put Vendor name and link on product page

Store Design
,
1

Hi , on my product pages how do i add the brand name above my product title and make it linked to all the brands products.. i thought this would be something in built in the Horizon theme but its not. This is my product page at the moment Sol De Janeiro Cheirosa 68 Perfume Mist 240ml – Luxe Fragrances

I’m currently using : Your current version: Horizon 3.5.1

2

Hey @hamdykp

Do you want clickable brand names on top of product title? If yes, then it is not supported by Horizon by default. You’ll have to make some changes by yourself.

If you have just one brand then all you can do is just simply add a “Custom Liquid” block above product title and add this code metioned below.

<a href="https://www.yourbrandlink.com/">{{ product.vendor }}</a>

BUT if you have multiple brands then you’ll have to set them up either with metafields or templates. Let me know if you want me to set it up and I’ll be happy to do so.

Best,
Moeed

3

Hey @hamdykp follow these steps go to the online store then open the edit theme then in your top right hand side there is a option in home page just click on it then find the default product page like this one
image

then in your left hand side there is an option of product in formation like this one

image
image243×462 15.9 KB

click on it and then you can see the add block option click on it and find and add the Button block as you can see the image

then in your right hand side the there is an option like this

image
image222×409 10.2 KB

just click on it and then you can see the vendor option like this one

image
image266×298 12.5 KB

just click on it and then save it

hope you like it then don’t forget to like and mark as solution

4

hi and thanks! its all good, but the text is not linked.. eg. Khamrah 100ml EDP By Lattafa (Men's) – Luxe Fragrances

5

For clickable vendor name, follow the second part of this solution – Move icons to header row + make product brand clickable - #7 by tim_1

6

Hello , kindly Implement the below suggested solution hope this will work :

Steps to Add Clickable Brand Name Above Product Title

  1. Go to Online Store → Themes

  2. Click on Customize (Edit Theme)

  3. In the top dropdown (center/top-right area), click on Home page

  4. From the dropdown, select Products → Default product

  5. Now you’ll be inside the product page editor

Add Brand Name Block

  1. Click on “Add block”

  2. Select Custom Liquid

  3. Update the below code in the custom liquid block as seen in the below screenshot.

  4. Drag this block above the product title

Code :

 <a href="/collections/vendors?q={{ product.vendor | url_encode }}">

{{ product.vendor }}

</a>

image
image1909×909 231 KB

Without link only show vendor name then use text block and render vendor name only as seen in the below screenshot.

image
image1909×909 296 KB