Basic Shopify Brand Image Link List

brands.liquid

<ul class="brands">
    {% for link in linklists.brands.links %}
	{% unless link.object.image.src == blank %}
	    <li>
		<a href="{{ link.object.url }}" title="{{ link.object.title | escape }}">
		    <img src="{{ link.object.image.src | collection_img_url: 'medium' }}" alt="{{ link.object.title | escape }}" />
		</a>
	    </li>
	{% endunless %}
    {% endfor %}
</ul>

<style>
	ul.brands { list-style-type:none;text-align:center; }
	ul.brands li { display:inline-block;vertical-align:middle; }
	ul.brands li a { text-decoration:none; } /* Just in case any trailing spaces are rendered (they wont be!) */
	ul.brands li a img { width:100%;height:auto;max-width:150px;max-height:100px;margin:20px;opacity:0.5; }
	ul.brands li a:hover img { opacity:1.0; }
</style>

This will create a really simple responsive brand image list to feature on your Shopify store.