2016-01-01 11:53:12 +00:00
|
|
|
|
{% extends "templates/web.html" %}
|
|
|
|
|
|
2014-04-18 10:45:31 +00:00
|
|
|
|
{% block title %} {{ title }} {% endblock %}
|
|
|
|
|
|
2016-01-04 12:20:40 +00:00
|
|
|
|
{% block breadcrumbs %}
|
2016-11-14 07:43:53 +00:00
|
|
|
|
{% include "templates/includes/breadcrumbs.html" %}
|
2016-01-04 12:20:40 +00:00
|
|
|
|
{% endblock %}
|
|
|
|
|
|
2016-01-01 11:53:12 +00:00
|
|
|
|
{% block page_content %}
|
2015-02-24 12:20:44 +00:00
|
|
|
|
{% from "erpnext/templates/includes/macros.html" import product_image %}
|
2016-04-20 10:50:49 +00:00
|
|
|
|
<div class="item-content" style="margin-top:20px;">
|
2014-04-18 10:45:31 +00:00
|
|
|
|
<div class="product-page-content" itemscope itemtype="http://schema.org/Product">
|
|
|
|
|
<div class="row">
|
2016-04-20 10:50:49 +00:00
|
|
|
|
<div class="col-sm-6">
|
2014-04-18 10:45:31 +00:00
|
|
|
|
{% if slideshow %}
|
|
|
|
|
{% include "templates/includes/slideshow.html" %}
|
|
|
|
|
{% else %}
|
2015-02-24 12:20:44 +00:00
|
|
|
|
{{ product_image(website_image, "product-full-image") }}
|
2014-04-18 10:45:31 +00:00
|
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
2016-04-20 10:50:49 +00:00
|
|
|
|
<div class="col-sm-6" style="padding-left:20px;">
|
|
|
|
|
<h2 itemprop="name" style="margin-top: 0px;">{{ item_name }}</h2>
|
2016-05-12 09:52:59 +00:00
|
|
|
|
|
2014-04-21 16:40:15 +00:00
|
|
|
|
<p class="text-muted">
|
2015-10-29 06:05:16 +00:00
|
|
|
|
{{ _("Item Code") }}: <span itemprop="productID">{{ variant and variant.name or name }}</span></p>
|
2014-04-21 16:40:15 +00:00
|
|
|
|
<br>
|
2015-10-20 13:04:21 +00:00
|
|
|
|
<div class="item-attribute-selectors">
|
2016-11-14 07:43:53 +00:00
|
|
|
|
{% if has_variants %}
|
|
|
|
|
{% for d in attributes %}
|
2015-10-26 14:27:31 +00:00
|
|
|
|
{% if attribute_values[d.attribute] -%}
|
2016-11-14 07:43:53 +00:00
|
|
|
|
<div class="item-view-attribute {% if (attribute_values[d.attribute] | len)==1 -%} hidden {%- endif %}"
|
|
|
|
|
style="margin-bottom: 10px;">
|
|
|
|
|
<h6 class="text-muted">{{ _(d.attribute) }}</h6>
|
|
|
|
|
<select class="form-control"
|
|
|
|
|
style="max-width: 140px"
|
|
|
|
|
data-attribute="{{ d.attribute }}">
|
2015-10-20 13:04:21 +00:00
|
|
|
|
{% for value in attribute_values[d.attribute] %}
|
2016-11-14 07:43:53 +00:00
|
|
|
|
<option value="{{ value }}"
|
2015-10-26 14:27:31 +00:00
|
|
|
|
{% if selected_attributes and selected_attributes[d.attribute]==value -%}
|
|
|
|
|
selected
|
|
|
|
|
{%- elif disabled_attributes and value in disabled_attributes.get(d.attribute, []) -%}
|
|
|
|
|
disabled
|
|
|
|
|
{%- endif %}>
|
2015-10-20 13:04:21 +00:00
|
|
|
|
{{ _(value) }}
|
|
|
|
|
</option>
|
2016-11-14 07:43:53 +00:00
|
|
|
|
{% endfor %}
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
2015-10-26 14:27:31 +00:00
|
|
|
|
{%- endif %}
|
2016-11-14 07:43:53 +00:00
|
|
|
|
{% endfor %}
|
|
|
|
|
{% endif %}
|
2015-10-20 13:04:21 +00:00
|
|
|
|
</div>
|
|
|
|
|
<br>
|
2014-04-18 10:45:31 +00:00
|
|
|
|
<div style="min-height: 100px; margin: 10px 0;">
|
2016-05-02 06:13:44 +00:00
|
|
|
|
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
|
|
|
|
|
<h4 class="item-price" itemprop="price"></h4>
|
|
|
|
|
<div class="item-stock" itemprop="availability"></div>
|
2016-05-12 09:52:59 +00:00
|
|
|
|
</div>
|
2016-11-14 07:43:53 +00:00
|
|
|
|
<div class="item-cart hide">
|
2018-01-19 17:31:25 +00:00
|
|
|
|
<div id="item-spinner">
|
|
|
|
|
<span style="display: inline-block">
|
|
|
|
|
<div class="input-group number-spinner">
|
|
|
|
|
<span class="input-group-btn">
|
|
|
|
|
<button class="btn btn-default cart-btn" data-dir="dwn">
|
|
|
|
|
–</button>
|
|
|
|
|
</span>
|
|
|
|
|
<input class="form-control text-right cart-qty" value="1">
|
|
|
|
|
<span class="input-group-btn">
|
|
|
|
|
<button class="btn btn-default cart-btn" data-dir="up" style="margin-left:-2px;">
|
|
|
|
|
+</button>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
2016-11-14 07:43:53 +00:00
|
|
|
|
<div id="item-add-to-cart">
|
|
|
|
|
<button class="btn btn-primary btn-sm">
|
|
|
|
|
{{ _("Add to Cart") }}</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="item-update-cart" style="display: none;">
|
|
|
|
|
<a href="/cart" class='btn btn-sm btn-default'>
|
|
|
|
|
<i class='octicon octicon-check'></i>
|
|
|
|
|
{{ _("View in Cart") }}</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2014-04-18 10:45:31 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2016-04-20 10:50:49 +00:00
|
|
|
|
<div class="row item-website-description" style="margin-top:30px; margin-bottom:20px">
|
|
|
|
|
<div class="col-md-12">
|
2016-05-02 06:13:44 +00:00
|
|
|
|
<div class="h6 text-uppercase">{{ _("Description") }}</div>
|
2016-04-20 10:50:49 +00:00
|
|
|
|
<div itemprop="description" class="item-desc">
|
|
|
|
|
{{ web_long_description or description or _("No description given") }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2016-05-12 09:52:59 +00:00
|
|
|
|
|
2015-10-20 12:00:02 +00:00
|
|
|
|
{% if website_specifications -%}
|
2016-04-20 10:50:49 +00:00
|
|
|
|
<div class="row item-website-specification" style="margin-top: 40px">
|
2014-04-18 10:45:31 +00:00
|
|
|
|
<div class="col-md-12">
|
2016-05-02 06:13:44 +00:00
|
|
|
|
<div class="h6 text-uppercase">{{ _("Specifications") }}</div>
|
2015-10-20 12:00:02 +00:00
|
|
|
|
|
2016-04-20 10:50:49 +00:00
|
|
|
|
<table class="table borderless" style="width: 100%">
|
2015-10-20 12:00:02 +00:00
|
|
|
|
{% for d in website_specifications -%}
|
2014-04-18 10:45:31 +00:00
|
|
|
|
<tr>
|
2017-05-19 09:44:31 +00:00
|
|
|
|
<td class="text-muted" style="width: 30%;">{{ d.label }}</td>
|
2014-04-18 10:45:31 +00:00
|
|
|
|
<td>{{ d.description }}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
{%- endfor %}
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{%- endif %}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<script>
|
|
|
|
|
{% include "templates/includes/product_page.js" %}
|
|
|
|
|
|
2016-11-14 07:43:53 +00:00
|
|
|
|
{% if variant_info %}
|
|
|
|
|
window.variant_info = {{ variant_info }};
|
|
|
|
|
{% else %}
|
|
|
|
|
window.variant_info = null;
|
|
|
|
|
{% endif %}
|
2014-04-18 10:45:31 +00:00
|
|
|
|
</script>
|
|
|
|
|
{% endblock %}
|