{% set category_search = app.request.query.get('category_id') %}
{% if category_search %}
<div class="ec-sliderRole__bg productlist__banner">
<div class="ec-productlistRole">
<h2 class="ec-productlistRole__title">{{ subtitle }}</h2>
</div>
</div>
<div style="padding: 10px;"></div>
{# 関連カテゴリ #}
{% if path is defined %}
<div class="ec-productRole__category ec-searchnavRole__topicpath pc_only">
<ol class="ec-topicpath">
<li class="ec-topicpath__item">
<a href="{{ url('homepage') }}">{{ 'ホーム'|trans }}</a>
<li class="ec-topicpath__divider"></li>
{% for Category in path %}
<li class="ec-topicpath__item{% if loop.last %}--active{% endif %}"><a href="{{ url('product_list') }}?category_id={{ Category.id }}">{{ Category.name }}</a> {%- if loop.last == false %}</li>
<li class="ec-topicpath__divider"></li>{% endif -%}
{% endfor %}
</li>
</ol>
</div>
{% else %}
<div class="ec-productRole__category ec-searchnavRole__topicpath pc_only">
<ol class="ec-topicpath">
<li class="ec-topicpath__item"><a href="{{ url('homepage') }}">ホーム</a></li>
<li class="ec-topicpath__divider"></li>
<li class="ec-topicpath__item{% if loop.last %}--active{% endif %}">{{ Page.name }}</li>
</ol>
</div>
{% endif %}
{% else %}
{# 関連カテゴリ #}
{% if path is defined %}
<div class="ec-productRole__category ec-searchnavRole__topicpath solo">
<ol class="ec-topicpath">
<li class="ec-topicpath__item">
<a href="{{ url('homepage') }}">{{ 'ホーム'|trans }}</a>
<li class="ec-topicpath__divider"></li>
{% for Category in path %}
<li class="ec-topicpath__category ec-topicpath__item{% if loop.last %}--active{% endif %}"><a href="{{ url('product_list') }}?category_id={{ Category.id }}">{{ Category.name }}</a></li>
<li class="ec-topicpath__divider"></li>
{% endfor %}
</li>
<li class="ec-topicpath__item--active">{{ Product.name }}</li>
</ol>
</div>
{% else %}
<div class="ec-productRole__category ec-searchnavRole__topicpath solo">
<ol class="ec-topicpath">
<li class="ec-topicpath__item"><a href="{{ url('homepage') }}">ホーム</a></li>
<li class="ec-topicpath__divider"></li>
<li class="ec-topicpath__item--active">{{ Page.name }}</li>
</ol>
</div>
{% endif %}
{% endif %}