44 lines
1.0 KiB
HTML
44 lines
1.0 KiB
HTML
---
|
|
layout: post
|
|
---
|
|
{%- comment -%}
|
|
This layout is the shop index of products with pagination & collections.
|
|
{%- endcomment -%}
|
|
|
|
<!-- Shopping Cart -->
|
|
<section class="row product-cart">
|
|
<div class="col-12">
|
|
<ul>
|
|
<li>
|
|
<a href="#"><span class="fas fa-shopping-basket fa-2x" aria-hidden="true"></span>My Cart</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<!-- <!-- Shop navigation for categories -->
|
|
<!-- {%- include product_cat.html -%} -->
|
|
|
|
<div class="content">
|
|
<!-- Hero Product Post -->
|
|
{%- include product_headline.html -%}
|
|
|
|
<!-- Featured Product Posts -->
|
|
<section class="row">
|
|
{%- assign featured_posts = paginator.posts | slice: 1, 4 -%}
|
|
{%- for post in featured_posts -%}
|
|
{%- include product_featured.html -%}
|
|
{%- endfor -%}
|
|
</section>
|
|
|
|
<!-- More Products -->
|
|
<section class="row">
|
|
{%- assign rest = paginator.posts | slice: 5, 11 -%}
|
|
{%- for post in rest -%}
|
|
{%- include product_rest.html -%}
|
|
{%- endfor -%}
|
|
</section>
|
|
|
|
<!-- Pagination to navigate to another collection of posts -->
|
|
{% include pagination.html %}
|
|
</div>
|