{% set category_search = app.request.query.get('category_id') %}
{% if category_search %}
{% if path is defined %}
<div class="ec-productRole__category ec-searchnavRole__topicpath sp_only lower">
<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 sp_only lower">
<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 sp_only lower">
<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> {%- if loop.last == false %}</li>
<li class="ec-topicpath__divider"></li>{% endif -%}
{% endfor %}
</li>
<li class="ec-topicpath__item--active">{{ Product.name }}</li>
</ol>
</div>
{% else %}
<div class="ec-productRole__category ec-searchnavRole__topicpath sp_only lower">
<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 %}