Cacher is the code snippet organizer for pro developers

<div class="vendor-list">
        
        {% assign previous_first_letter = '' %}
        
        {% for product_vendor in collections['all'].all_vendors %}
        
          {% assign first_letter = product_vendor | slice: 0 %}

          {% unless first_letter == previous_first_letter %}
              <div class="vendor-heading"><h3>{{ first_letter }}</h3></div>
              {% assign previous_first_letter = first_letter %}
          {% endunless %}

          <div class="vendor-link-wrap">
            <a href="/collections/vendors?q={{ product_vendor }}" class="vendor-link">{{ product_vendor }}</a>
          </div>
        
        {% endfor %}
      </div>