{% if categories is not empty %}
<section id="categories" class="unselectable">
	{% for category in categories %}
	<a id="category_{{ category.identifier }}" data-category-identifier="{{ category.identifier }}" class="category"
		type="button" href="?category={{ category.identifier }}"
		onclick="core.catalog.parameters.set('category', {{ category.identifier }}); return !core.catalog.search(event);"
		onkeydown="event.keyCode === 13 && (core.catalog.parameters.set('category', {{ category.identifier }}), core.catalog.search(event))"
		tabindex="3">
		{% if category.images %}
		<img src="{{ category.images.0.storage.400 }}" alt="{{ category.name }}" ondragstart="return false;">
		{% endif %}
		<p>{{ category.name }}</p>
	</a>
	{% endfor %}
</section>
{% endif %}
