<section class="bread-crumb">

<span class="crumb-border"></span>
<div class="container">
<div class="row">
<div class="col-xs-12 a-left">
<div class="breadcrumbs" itemscope
itemtype="http://schema.org/WebPage">
<ul itemprop="breadcrumb" itemscope=""
itemtype="https://schema.org/BreadcrumbList">
<li class="home" itemscope=""
itemprop="itemListElement" itemtype="http://schema.org/ListItem">
<a itemprop="item" href="/" title="Trang
chủ"><span itemprop="name">Trang chủ</span></a> <meta itemprop="position"
content=”position”>
<i class="fa fa-angle-right" aria-
hidden="true"></i>
</li>
{% if template contains 'product' %}
{% if product.collections.size > 0 %}
<li>
<a itemprop="url"
href="{{ product.collections.first.url }}" title="{{ product.collections.first.name
}}"itemprop="item"><span itemprop="name">{{ product.collections.first.name
}}</span></a>
<i class="fa fa-angle-right" aria-
hidden="true"></i>
</li>
{% endif %}
<li><strong><span
itemprop="name">{{ product.name }}</span></strong><li>
{% elsif template contains 'collection' and
collection.alias %}
{% if current_tags %}
{% capture url
%}/collections/{{ collection.alias }}{% endcapture %}
<li>
<a itemprop="url"
href="{{ collection.url }}" title="{{ collection.name}}"><span
itemprop="name">{{ collection.name}}</span></a>

<i class="fa fa-angle-right" aria-

hidden="true"></i>
</li>
<li>
<strong ><span
itemprop="name">{{ current_tags | join: ', ' }}</span></strong>

</li>
{% else %}
<li><strong ><span itemprop="name">{%if
collection.name == 'All'%}Tất cả sản phẩm{%else%} {{ collection.name
}}{%endif%}</span></strong></li>
{% endif %}
{% elsif template contains 'addresses' %}
<li>
<a itemprop="url" href="/account"
title="Tài khoản"><span itemprop="name">Tài khoản</span></a>
<i class="fa fa-angle-right" aria-
hidden="true"></i>
 </li>
<li><strong><span itemprop="name">Địa chỉ khách
hàng</span></strong></li>
{% elsif template contains 'order' %}
<li>
<a itemprop="url" href="/account"
title="Tài khoản"><span itemprop="name">Tài khoản</span></a>
<i class="fa fa-angle-right" aria-
hidden="true"></i>
</li>
<li><strong ><span itemprop="name">Đơn hàng
{{ order.name}}</span></strong></li>
{% elsif template == 'article' %}
<li>
<a itemprop="url" href="{{ blog.url }}"
title="{{ blog.name }}"><span itemprop="name">{{ blog.name }}</span></a>
<i class="fa fa-angle-right" aria-
hidden="true"></i>
</li>
<li><strong><span
itemprop="name">{{ article.title }}</span></strong></li>
{% elsif template == 'blog' %}
{% if current_tags %}
<li>
<a itemprop="url" href="{{ blog.url }}"
title="{{ blog.name }}"><span itemprop="name">{{ blog.name }}</span></a>
<i class="fa fa-angle-right" aria-
hidden="true"></i>
</li>
<li><strong><span
itemprop="name">{{current_tags}}</span></strong></li>
{%else%}
<li><strong ><span itemprop="name">{{ blog.name
}}</span></strong></li>
{%endif%}
{% elsif template contains 'search'
%}<li><strong>
<span itemprop="name">Trang tìm kiếm</span>
</strong></li>
{% else %}
<li><strong ><span
itemprop="name">{{ page_title }}</span></strong></li>
{% endif %}
</ul>
<div class="title-page {% if template contains
'product' %}hidden{% endif %}">{{ page_title }}</div>
</div>
</div>
</div>
</div>
</section>