{{? it }}
{{? it.categories.length > 1 || it.types.length > 1 }}
<div class="stry-menu stry-filters">


	<!--  Categories  -->
	{{? it.categories.length > 1 }}
	<div class="stry-categories stry-menu-expandable {{? it.categories.length <= 10 }}is-explosive{{?}}">
		<div class="stry-menu-button">{{=it.localisation.menu_filter_category}}</div>
		<ul class="stry-menu-list">
			{{~it.categories :category:index}}
			<li class="stry-menu-item"><a title="{{=category.name}}" class="stry-menu-link {{? category.selected }}selected{{?}}" 
				data-stry-action="filterClick" 
				data-stry-filter-url="{{=category.url_name}}" 
				data-stry-filter="categories-{{=category.name}}">{{=category.name}}</a></li>
			{{~}}
		</ul>
	</div>
	{{?}}
	<!--  End of Categories  -->

	<div class="stry-col"></div>

	<!--  Types  -->
	{{? it.types.length > 1 }}
	<div class="stry-types stry-menu-expandable">
		<div class="stry-menu-button">{{=it.localisation.menu_filter_by}}</div>
		<ul class="stry-menu-list">
			{{~it.types :type:index}}
			<li class="stry-menu-item"><a title="{{=type.name}}" class="stry-menu-link stry-menu-{{=type.url_name}} {{? type.selected }}selected{{?}}" 
				data-stry-action="filterClick"
				data-stry-filter-url="{{=type.url_name}}"
				data-stry-filter="types-{{=type.name}}">{{=type.name}}</a></li>
			{{~}}
		</ul>
	</div>
	{{?}}
	<!--  End of Types  -->

</div>
{{?}}
{{?}}