All Brands Page

[hamdykp]

Hi, how do I make a page that has all the brands (Vendors) I have so people can click on them and see all the products of that brand? something like this: https://www.zappos.com/kratos/c/brands

thanks in advanced!

[DeepVyas]

@hamdykp To list brands and their respective products on your Shopify store, you can follow these steps:

Create Collections: Organize your products into collections based on brands. You can create a collection for each brand and add the relevant products to those collections.

• Go to your Shopify admin and navigate to Products > Collections.

• Click on Create collection and name it after the brand.

• Add products to the collection by selecting them from your product list.

Consider Using Apps: If you want more advanced features, consider using apps from the Shopify App Store that specialize in brand management or product display.

[hamdykp]

Thanks

issue is i have like over 500 brands so i cant do this one by one in collections. Isnt there an app that can just easily do this? Can you recommend any free ones?

[oscprofessional]

Hi @hamdykp ,

This kind of functionality (listing all brands with links to their products) isn’t natively supported by Shopify, so achieving it typically requires a fair amount of custom coding within the theme — especially to keep it dynamic and scalable.

[tim_tairli]

You do not need an app.

https://shopify.dev/docs/api/liquid/objects/shop#shop-vendors

At the base, the code is like this:

{% for vendor in shop.vendors %}
  {{- vendor | link_to_vendor }}
{% endfor %}

You can create a page, assign custom template, add the “Custom liquid” section and use this code.

Then just need to use proper wrappers and classes…

If want to group by first letter, then can use code like this:

  {% for vendor in shop.vendors %}
    {% assign v_first_letter = vendor |  slice: 0, 1 %}
    {% if v_first_letter != current_first_letter %}
      {% assign current_first_letter = v_first_letter %}
      {% unless forloop.first %}
        

      {% endunless %}
      ### {{ current_first_letter }}
      
    {% endif  %}
    {{- vendor | link_to_vendor: class: "link" }}
    {% if forloop.last %}
    

    {% endif %}
  {% endfor %}

Will produce something like: