82 lines
2.5 KiB
HTML
82 lines
2.5 KiB
HTML
---
|
|
layout: default
|
|
pagination:
|
|
enabled: false
|
|
---
|
|
{% comment %}
|
|
This layout is the single page of a product post.
|
|
{% endcomment %}
|
|
|
|
<section id="main" class="wrapper style1">
|
|
<div class="inner">
|
|
|
|
<!-- Shopping Cart -->
|
|
<section class="row product-cart">
|
|
<div class="col-6">
|
|
<a href="{{site.url}}/products"><h5 class="button back">< Go Back</h5></a>
|
|
</div>
|
|
<div class="col-6">
|
|
<ul>
|
|
<li>
|
|
<a href="#"><span class="fas fa-shopping-basket fa-2x" aria-hidden="true"></span>My Cart</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<!-- Page Heading -->
|
|
<header class="major special">
|
|
<h1>{{ page.title }}</h1>
|
|
<p>{{ page.sub_heading }}</p>
|
|
</header>
|
|
<!-- Main Body Content -->
|
|
<div class="content">
|
|
<section class="row">
|
|
<!-- Product Image Banner -->
|
|
<div class="col-6 col-12-small product-image">
|
|
<section class="">
|
|
<a href="#"><img alt="{{ page.title }}" src="{{ page.banner_image }}" class="product-flex" /></a>
|
|
</section>
|
|
</div>
|
|
<!-- Product Details List -->
|
|
<div class="col-6 col-12-small product-details">
|
|
<section class="">
|
|
<ul>
|
|
<li>Price:</li>
|
|
<li>Weight:</li>
|
|
<li>Stock:</li>
|
|
<li>Sku:</li>
|
|
<li>Format:</li>
|
|
<li>Material:</li>
|
|
<li>Reviews:</li>
|
|
</ul>
|
|
<!-- Product Add To Cart Button -->
|
|
<a href="#" class="button fit">Add To Cart</a>
|
|
</section>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Product Description -->
|
|
<section class="row product-desc">
|
|
<div class="col-12">
|
|
<h3>Product Description</h3>
|
|
</div>
|
|
<div class="col-12">
|
|
{{ content }}
|
|
{% assign author = site.data.authors[page.author] %}
|
|
{%- include author_card.html -%}
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Related product collection -->
|
|
<section class="row related-items">
|
|
<div class="col-12">
|
|
<h3>More Products</h3>
|
|
</div>
|
|
{%- assign related_posts = site.products | where_exp:"post", "post.url != page.url" | sample:3 -%}
|
|
{%- include product_related.html -%}
|
|
</section>
|
|
</div>
|
|
|
|
</div> <!-- Closing Inner -->
|
|
</section> <!-- Closing Main Body -->
|