{% import "@SyliusShop/Common/Macro/icons.html.twig" as icons %}
{{ sylius_template_event('sylius.shop.product.index.before_vertical_menu', {'taxon': taxon}) }}
<div class="col-md-8">
<div class="categorie-flex">
<h1 class="categ-lib"><span>{{ taxon.name }} </span></h1>
<div class="lib-left-categ">Catégories</div>
<div class="descr-categ expand-me">
<p>{{ taxon.description }}</p>
</div>
<div class="row">
<div class="col-12">
<ul class="sous-categ">
{% for child in taxon.children %}
<li><h2><a href="{{ path('sylius_shop_product_index', {'slug': child.slug, '_locale': child.translation.locale}) }}" class="">{{ child.name }} <span>({{ child|app_get_product_amount(sylius.localeCode, sylius.channel ) }})</span></a></h2></li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-4 d-md-block d-none">
<div class="categ-ss-img text-right">
{% if taxon.images.first %}
{% set path = taxon.images.first.path|imagine_filter(filter|default('sylius_admin_product_large_thumbnail')) %}
{% else %}
{% set path = '//placehold.it/200x200' %}
{% endif %}
<img src="{{ path }}" alt="{{ taxon.name }}" class="ui bordered image" />
</div>
</div>
{{ sylius_template_event('sylius.shop.product.index.after_vertical_menu', {'taxon': taxon}) }}