|
@@ -22,6 +22,33 @@
|
|
|
<!-- HEADER -->
|
|
|
{% include '_header.liquid' %}
|
|
|
<!-- END: HEADER -->
|
|
|
+ <!-- BREADCRUMB -->
|
|
|
+ <section class="slice sct-color-1">
|
|
|
+ <div class="container">
|
|
|
+ <div class="page-title">
|
|
|
+ <div class="row align-items-center">
|
|
|
+ <div class="d-flex justify-content-end col-lg-12 col-12">
|
|
|
+ {% for breadcrumb in breadcrumbs %}
|
|
|
+ <h2 class="heading heading-6 text-capitalize strong-500 mb-0">
|
|
|
+ <a href="{{ breadcrumb.url }}" class="link text-underline--none">
|
|
|
+
|
|
|
+ {% if forloop.index == 1 %}
|
|
|
+ <!-- 第一个 breadcrumb 使用 ion-ios-home 图标 -->
|
|
|
+ <i class="ion-ios-home"></i>
|
|
|
+ {% else %}
|
|
|
+ <!-- 其它 breadcrumb 使用 ion-ios-arrow-forward 图标 -->
|
|
|
+ <i class="ion-ios-arrow-forward"></i>
|
|
|
+ {% endif %}
|
|
|
+ {{ breadcrumb.name }}
|
|
|
+ </a>
|
|
|
+ </h2>
|
|
|
+ {% endfor %}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <!-- END: BREADCRUMB -->
|
|
|
<section class="slice sct-color-1">
|
|
|
<div class="container">
|
|
|
<section class="slice-sm sct-color-1">
|
|
@@ -39,6 +66,33 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
+ <div class="pt-5">
|
|
|
+ <nav aria-label="Product pagination">
|
|
|
+ <ul class="pagination pagination--style-2 justify-content-center">
|
|
|
+ <!-- Previous Page Link -->
|
|
|
+ {% if paginator.previous_page %}
|
|
|
+ <li class="page-item">
|
|
|
+ <a class="page-link" href="{{ paginator.previous_page_url }}" tabindex="-1">Previous</a>
|
|
|
+ </li>
|
|
|
+ {% else %}
|
|
|
+ <li class="page-item disabled">
|
|
|
+ <a class="page-link" href="#" tabindex="-1">Previous</a>
|
|
|
+ </li>
|
|
|
+ {% endif %}
|
|
|
+
|
|
|
+ <!-- Next Page Link -->
|
|
|
+ {% if paginator.next_page %}
|
|
|
+ <li class="page-item">
|
|
|
+ <a class="page-link" href="{{ paginator.next_page_url }}">Next</a>
|
|
|
+ </li>
|
|
|
+ {% else %}
|
|
|
+ <li class="page-item disabled">
|
|
|
+ <a class="page-link" href="#">Next</a>
|
|
|
+ </li>
|
|
|
+ {% endif %}
|
|
|
+ </ul>
|
|
|
+ </nav>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</section>
|
|
|
|