Elevate Your Shopify Product Pages: How to Add Clickable Brand Names & Boost Discoverability

Hey fellow store owners! Ever found yourself browsing a product page and wishing you could just click the brand name to see everything else they offer? It’s a super common desire for customers, and a great way to boost discoverability and cross-selling on your own Shopify store. We see this come up a lot in the community, and recently, a store owner named hamdykp sparked a great discussion about exactly this: how to add a clickable vendor name, linked to all their products, right above the product title on their Horizon theme.

Hamdykp was looking for a built-in solution in Horizon 3.5.1 but quickly realized it wasn't quite there by default. This is a familiar story – while Shopify themes are powerful, they can't anticipate every specific feature. That's where a little customization, and the amazing Shopify community, really shine! The thread brought out a few different ideas, but one solution really stood out as the most direct and effective for creating those dynamic, clickable vendor links.

The Go-To Solution: Custom Liquid for Dynamic Vendor Links

This method, detailed by mastroke in the discussion, leverages the 'Custom Liquid' block in your theme editor. It’s powerful because it lets you inject small snippets of Liquid code, Shopify’s templating language, directly into your page layout. This means you can create a link that dynamically pulls the vendor name from the product you're viewing and automatically generates the correct URL to display all products from that vendor.

Step-by-Step: Adding a Clickable Vendor Name

Here's how you can implement this on your Horizon theme (or most modern Shopify themes):

1. Navigate to Your Theme Editor: From your Shopify admin, go to Online Store → Themes.
2. Customize Your Theme: Click on the Customize button next to your live theme.
3. Select the Product Page: In the top dropdown, change from 'Home page' to Products → Default product.
4. Add a New Block: In the left-hand sidebar, under 'Product information', click on “Add block”.
5. Choose 'Custom Liquid': From the list of available blocks, select Custom Liquid.
6. Insert the Liquid Code: Paste the following code into the 'Custom Liquid' block's content area:

    
   
   {{ product.vendor }}
   
   
   
   

   This snippet creates a clickable link () whose href attribute dynamically builds a URL (/collections/vendors?q={{ product.vendor | url_encode }}) that filters your collections by the current product's vendor. url_encode handles special characters, and {{ product.vendor }} outputs the vendor's name as the clickable text.

7. Position the Block: Drag this new 'Custom Liquid' block and place it above the 'Product title' block.
8. Save Your Changes: Don't forget to hit Save!

You should see something similar in your editor:

This solution is elegant because it's dynamic – set it up once, and it works for every product, automatically generating the right link for each vendor!

Vendor Name Only (No Link)?

If you only want to display the vendor name without it being clickable, it's even simpler. Add a 'Text' block to the 'Product information' section and simply select 'Vendor' as its dynamic source. No code needed! A visual from the community:

Considering the Button Block Approach

Mustafa_Ali in the thread also suggested using a 'Button' block and setting its dynamic source to 'Vendor'. This is a valid alternative if you prefer a button-style link. The steps involve adding a 'Button' block, setting its label to 'Vendor', and configuring its link using the 'Dynamic source' option to point to the vendor's collection. He shared these helpful visuals:

However, hamdykp later mentioned that after trying a solution, the "text is not linked." This suggests that while the Button block can display the vendor name, getting it to behave as a simple, clickable text link directly to the vendor's collection might be trickier or require further styling/configuration. For a clean, text-based clickable vendor name, the Custom Liquid approach often proves more reliable and flexible.

Advanced Setups: When to Go Deeper

Moeed's contribution brought up an excellent point: for truly complex multi-brand setups, or if you need custom landing pages for each brand (beyond just filtered collections), you might need to explore more advanced options like Shopify's metafields or specialized product templates. These allow for even greater customization and data management, but for most stores, the Custom Liquid block is a fantastic starting point.

It’s pretty awesome how a small question in the community can lead to such clear, actionable solutions! Adding a clickable vendor name to your product pages is a small change that can make a big difference in how customers explore your store. It improves navigation, highlights your brands, and ultimately helps shoppers find more of what they love. So go ahead, give that Custom Liquid snippet a try on your product pages. You'll be surprised at how easy it is to implement and the positive impact it can have on your store's user experience!