72 lines
2.3 KiB
HTML
72 lines
2.3 KiB
HTML
{% extends "app/website/templates/html/page.html" %}
|
|
|
|
{% block javascript %}
|
|
{% include "app/website/templates/js/product_page.js" %}
|
|
{% endblock %}
|
|
|
|
{% block css %}
|
|
{% include "app/website/templates/css/product_page.css" %}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
{% include 'app/website/templates/html/product_search_box.html' %}
|
|
{% include 'app/website/templates/html/product_breadcrumbs.html' %}
|
|
<div class="col col-lg-12 product-page-content" itemscope itemtype="http://schema.org/Product">
|
|
<div class="row">
|
|
<div class="col col-lg-6">
|
|
{% if slideshow %}
|
|
{% include "app/website/templates/html/slideshow.html" %}
|
|
{% else %}
|
|
{% if website_image %}
|
|
<image itemprop="image" class="item-main-image"
|
|
src="{{ website_image }}" />
|
|
{% else %}
|
|
<div class="img-area">
|
|
{% include 'app/website/templates/html/product_missing_image.html' %}
|
|
</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
<div class="col col-lg-6">
|
|
<h3 itemprop="name" style="margin-top: 0px;">{{ item_name }}</h3>
|
|
<p class="help">Item Code: <span itemprop="productID">{{ name }}</span></p>
|
|
<h4>Product Description</h4>
|
|
<div itemprop="description">
|
|
{{ web_long_description or web_short_description or
|
|
"[No description given]" }}
|
|
</div>
|
|
<div style="min-height: 100px; margin: 10px 0;">
|
|
<div class="item-price-info" style="display: none;">
|
|
<h4 class="item-price" itemprop="price"></h4>
|
|
<div class="item-stock" itemprop="availablity"></div>
|
|
<div id="item-add-to-cart">
|
|
<button class="btn btn-primary">Add to Cart</button>
|
|
</div>
|
|
<div id="item-update-cart" class="input-group col-lg-6" style="display: none;">
|
|
<input type="text">
|
|
<div class="input-group-btn">
|
|
<button class="btn btn-primary">Update</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% if obj.doclist.get({"doctype":"Item Website Specification"}) -%}
|
|
<div class="row" style="margin-top: 20px">
|
|
<div class="col col-lg-12">
|
|
<h4>Specifications</h4>
|
|
<table class="table table-bordered" style="width: 100%">
|
|
{% for d in obj.doclist.get(
|
|
{"doctype":"Item Website Specification"}) -%}
|
|
<tr>
|
|
<td style="width: 30%;">{{ d.label }}</td>
|
|
<td>{{ d.description }}</td>
|
|
</tr>
|
|
{%- endfor %}
|
|
</table>
|
|
</div>
|
|
</div>
|
|
{%- endif %}
|
|
</div>
|
|
{% endblock %} |