Categories snippet for Vanity theme

{% comment %}
You can use this snippet to display categories on the front page. Turn on this snippet using theme settings.
{% endcomment %}

{% if linklists.categories.links.size > 0 %}
<div id="products">
{% for link in linklists.categories.links %}
	<div class="product {% cycle 'first_col', '', '', 'last_col' %}">
	{% assign collection = link.object %}
	{% if collection.products.size > 0 %}
		{% assign product = collection.products.first %}
		<div class="image">
			<a href="{{ collection.url }}" title="{{ collection.title | escape }}">
				<img src="{{ product.images.first | product_img_url: 'compact' }}" alt="{{ collection.title | escape }}"/>
			</a>
		</div>
		<div class="info">
			<div class="title ellipsis"><a href="{{ collection.url }}">{{ collection.title | escape }}</a></div>
		</div>
	{% endif %}
	</div>
{% endfor %}
</div>
{% else %}
	<p class="instructions">To view a category listing, <a href="/admin/links">create a link list</a> name "Categories", and insert links to your category collections.</p>
{% endif %}